Maison >interface Web >tutoriel CSS >Comment puis-je sélectionner automatiquement tout le texte d'un DIV en un clic ?

Comment puis-je sélectionner automatiquement tout le texte d'un DIV en un clic ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-13 18:49:10531parcourir

How Can I Automatically Select All Text Within a DIV on Click?

Mettez en surbrillance et sélectionnez le texte DIV en cliquant sur la souris

Pour simplifier les tâches de sélection de texte, il est possible de mettre en surbrillance et de sélectionner l'intégralité du contenu d'un DIV lorsque l'utilisateur clique dessus . Cela élimine le besoin de surlignage manuel, garantissant qu'aucun texte n'est oublié.

Considérons l'exemple suivant :

<div>

Lorsqu'un utilisateur clique n'importe où dans ce DIV, l'URL entière doit être mis en surbrillance, leur permettant de faire glisser ou de copier facilement le texte sélectionné.

Pour y parvenir, vous pouvez utiliser les éléments suivants 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);
    }
}

Pour utiliser ce code, ajoutez simplement l'attribut suivant à votre DIV :

<div>

Désormais, lorsque l'utilisateur clique sur le DIV, l'intégralité du texte sera automatiquement sélectionné, ce qui facilite l'exécution de diverses actions liées au texte.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn