Comment détecter les mots cliqués dans le texte sans modifier le HTML ?

Détection de mots basée sur les événements de clic

Dans le développement Web, l'identification du mot cliqué dans un texte peut être impérative pour les applications interactives. Une approche courante consiste à analyser le HTML et à envelopper chaque mot dans un élément span, en utilisant jQuery pour détecter les clics et récupérer le texte du mot. Cependant, cette solution est inefficace et peu attrayante.

Pour améliorer le processus, une méthode alternative est disponible qui élimine le besoin de modifications HTML massives. Cette solution utilise l'API Selection, prise en charge dans les navigateurs modernes tels que Webkit, Mozilla et IE9.

L'implémentation JavaScript fournie (https://jsfiddle.net/Vap7C/15/) permet la détection de mots via les éléments suivants étapes :

1. Définissez un gestionnaire d'événements de clic pour l'élément de texte cible.
2. Utilisez la méthode getSelection() pour récupérer la sélection de texte actuelle.
3. Créez une plage objet pour déterminer les positions de début et de fin du mot dans le texte.
4. Parcourez le texte pour trouver la position de départ du mot, en fonction des espaces.
5. Étendez la plage pour trouver la position de fin du mot, encore une fois en fonction des espaces.
6. Coupez le texte sélectionné et affichez-le comme mot cliqué.

Cette méthode offre une mise en œuvre plus rapide et plus propre pour la détection de mots basée sur les clics, sans nécessiter de nombreuses Modifications HTML ou API de navigateur externes. Il fonctionne efficacement dans divers navigateurs, fournissant une solution fiable pour les applications interactives basées sur du 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!