Comment sélectionner tout le texte d'un DIV en un seul clic ?

Sélectionnez du texte DIV sans effort avec un simple clic de souris

Pour une manipulation de texte rapide et pratique, il est souvent souhaitable de mettre en surbrillance et de sélectionner l'intégralité du contenu. d'une balise DIV. Cela permet aux utilisateurs d'effectuer facilement des actions telles que faire glisser le texte sélectionné ou le copier avec un clic droit.

Comment y parvenir :

Pour y parvenir, nous pouvons exploiter une fonction JavaScript qui utilise les capacités de sélection du navigateur. Voici comment cela fonctionne :

Extrait de code :

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

Mise en œuvre :

Dans votre HTML, incluez les éléments suivants code pour sélectionner le texte dans l'élément DIV avec l'ID "sélectionnable":

<div>

Lorsque l'utilisateur clique n'importe où dans ce DIV, la fonction JavaScript ci-dessus s'exécutera, mettant en évidence tout son contenu. Cela rend incroyablement facile la manipulation du texte sans avoir besoin de sélection manuelle.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!