Comment obtenir le mot sous le curseur en JavaScript ?

Obtenir le mot sous le curseur en JavaScript

Déterminer le mot actuellement sous le curseur dans un document HTML est une exigence courante pour la manipulation de texte candidatures. Cet article explore une méthode fiable pour y parvenir en utilisant JavaScript, en particulier dans le contexte des navigateurs modernes comme Chrome.

Pour déterminer le mot sous le curseur, nous exploitons les capacités de l'objet Range du DOM. Cette approche parcourt le contenu textuel de l'élément et identifie le mot qui englobe la position du curseur en fonction de sonboundingClientRect.

La fonction JavaScript fournie dans la réponse, getWordAtPoint(), prend trois paramètres : l'élément, le la coordonnée x du curseur et la coordonnée y du curseur. Il parcourt de manière récursive les nœuds enfants de l'élément, élargissant la recherche si le curseur se trouve dans le rectangle englobant d'un nœud de texte. Une fois qu'elle rencontre une correspondance, elle renvoie le mot identifié.

Dans le cas où le curseur n'est positionné sur aucun contenu textuel, la fonction renvoie null. Cela peut être incorporé dans un gestionnaire d'événements mousemove pour déterminer dynamiquement le mot sous le curseur lorsque l'utilisateur déplace la souris sur le 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!