programmatisch den Div -Text in Maus auswählen klicken

Frage

angegeben ein DIV -Element mit Textinhalten, wie kann der Benutzer programmatisch den gesamten Text in der DIV mit einem einzigen Mausklick auswählen? Auf diese Weise können Benutzer den ausgewählten Text problemlos ziehen und fallen lassen oder direkt kopieren.

Lösung

, um den Text in einem DIV -Element auf einem einzelnen Mausklick auszuwählen. if (document.Selection) {// dh var range = document.body.createTextrange (); range.movetoelementText (document.getElementById (ContainerID)); Bereich.Select (); } else if (window.getSelection) { var range = document.createrange (); SELECTNODE (document.getElementById (ContainerID)); window.getSelection (). removeallranges (); window.getSelection (). AddRange (Bereich); } }

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);
    }
}

um diese Funktionalität zu implementieren:

mit diesem Code, wenn Benutzer überall im DIV -Element klicken, wird der gesamte Text in diesem DIV hervorgehoben und ausgewählt, sodass eine einfache Manipulation oder Kopie zugelassen oder kopiert werden kann.