Comment puis-je sélectionner par programme tout le texte d'un DIV en cliquant sur la souris ?

Sélection par programmation du texte DIV sur un clic de souris

Question

Étant donné un élément DIV avec un contenu textuel, comment l'utilisateur peut-il sélectionner par programme l'intégralité du texte qu'il contient le DIV avec un simple clic de souris ? Cela permet aux utilisateurs de glisser-déposer facilement le texte sélectionné ou de le copier directement.

Solution

Pour sélectionner le texte dans un élément DIV en un seul clic de souris, vous pouvez utiliser la fonction JavaScript suivante :

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

Pour mettre en œuvre cela fonctionnalité :

1. Incluez la fonction ci-dessus dans votre code JavaScript.
2. Ajoutez un gestionnaire d'événements de clic à votre élément DIV, en appelant la fonction selectText() avec l'ID du DIV comme argument.

<div>

Avec ce code, lorsque les utilisateurs cliquent n'importe où dans l'élément DIV, tout le texte de ce DIV sera mis en surbrillance et sélectionné, permettant une manipulation ou une copie facile.

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!