Comment obtenir le texte en surbrillance en javascript?

Lors du développement de sites Web dynamiques, les développeurs doivent souvent récupérer le texte en surbrillance ou sélectionné par l'utilisateur. Cela peut être efficace pour plusieurs situations, telles que permettre aux utilisateurs de copier et coller du texte ou de prendre une autre action en fonction du contenu en surbrillance / sélectionné.

Ce tutoriel démontrera:

• Comment obtenir le texte en surbrillance en javascript?
• Conseil bonus: le texte en surbrillance à l'aide du «document.Méthode getSelection () ”

Comment obtenir le texte en surbrillance en javascript à l'aide de la «fenêtre.Méthode getSelection () ”?

Le "fenêtre.getSelection ()«La méthode est une méthode prédéfinie JavaScript qui donne un«Sélection”Objet en tant que représentation du texte qui est maintenant sélectionné sur la page. L'objet «Sélection» indique une ou plusieurs plages de texte que l'utilisateur a choisi.

Exemple

Dans l'exemple donné, nous récupérerons le texte sélectionné à partir de la page Web. Tout d'abord, nous créerons un paragraphe de texte à l'aide d'un HTML

élément et affectez un ID "message«Cela aide à obtenir ce paragraphe pour appliquer différentes fonctionnalités:

Linuxhint est une excellente ressource pour apprendre sur Linux et les logiciels open source connexes. Il propose également de nombreux tutoriels et guides sur différents langages de programmation, tels que Java, Python, HTML, CSS, JavaScript, etc. Linuxhint fournit des informations simples, claires et authentiques.

Maintenant, nous allons créer une zone d'impression / affichage du texte récupéré sur la page Web à l'aide de l'élément:

Texte en surbrillance: id = "HightedEdText">

Dans JavaScript, définissez une fonction nommée «sélectionnez le texte()«Cela renverra l'objet sélectionné en appelant le«fenêtre.getSelection ()" méthode:

fonction selectText ()
si (fenêtre.getSelection)
fenêtre de retour.getSelection ();

Définir, une autre fonction appelée «GethighlightedText ()«Qui invoquera la fonction« selectText () »pour imprimer le texte en surbrillance:

fonction getHighlightedText ()
document.GetElementById ("HightedEdText").innerText = selectText ();

Maintenant, obtenez la référence du paragraphe à l'aide de son ID attribué, puis appelez la fonction «GethighlightedText ()» sur l'événement Click:

document.getElementByid ("message").AddeventListener ("Click", GethighlightedText);

Vous pouvez voir que le texte mis en évidence a été récupéré avec succès:

Il s'agit de récupérer le texte mis en évidence dans JavaScript.

Conclusion

Pour obtenir le texte sélectionné ou en surbrillance sur la page Web, utilisez le "fenêtre.getSelection ()«Méthode ou le«document.getSelection ()" méthode. Les deux méthodes sont les mêmes en termes de performances. Utilisez la «fenêtre.Méthode getSelection () ”pour sélectionner des objets pour toute la fenêtre. Alors que le «document.La méthode getSelection () ”est utilisée pour l'objet de sélection pour le document actuel.