selecionando programaticamente o texto div no mouse click

question

dado um elemento Div com conteúdo de texto, como o usuário pode selecionar programaticamente o texto inteiro dentro da div com um único clique do mouse? Isso permite aos usuários arrastar e soltar facilmente o texto selecionado ou copiá -lo diretamente. if (document.selection) {// ie var range = document.body.createTexTrange (); range.movetoElementText (document.getElementById (containerID)); range.Select (); } else if (window.getSelection) { var range = document.createrange (); range.SelectNode (document.getElementById (containerID)); window.getSelection (). removeallLanges (); window.getSelection (). AddRange (intervalo); } }

implementação

para implementar essa funcionalidade:

function selectText(containerid) {
    if (document.selection) { // IE
        var range = document.body.createTextRange();
        range.moveToElementText(document.getElementById(containerid));
        range.select();
    } else if (window.getSelection) {
        var range = document.createRange();
        range.selectNode(document.getElementById(containerid));
        window.getSelection().removeAllRanges();
        window.getSelection().addRange(range);
    }
}