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
Libérer: 2024-12-13 18:49:10
original
538 Les gens l'ont consulté

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>
Copier après la connexion
Copier après la connexion

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);
    }
}
Copier après la connexion

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

<div>
Copier après la connexion
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal