Comment puis-je mettre en surbrillance chaque mot de jquery afin de pouvoir fournir une définition pour chaque mot?

Question

Ce que j'essaye de faire est de permettre à l'utilisateur de faire défiler n'importe quel mot sur une page Web et quand la souris passe le mot en surbrillance (je sais que je peux utiliser le hover pour cela). Cependant, je ne sais pas comment sélectionner des mots individuels, à partir du paragraphe. Le but ultime est de permettre à l'utilisateur de cliquer sur le mot et une définition apparaît sur le mot, mais je pense que je peux comprendre cela une fois que je peux survoler des mots individuels.

Answer 1

Il n'y a aucun moyen en Javascript de le faire, la plus petite chose avec laquelle vous pouvez interagir, en général, est un élément DOM. Donc, vous pouvez techniquement emballer chaque mot dans un <span>, mais cela semble être sérieusement exagéré et probablement avoir un impact énorme sur les performances. Au lieu de cela, ce que font la plupart des sites qui fournissent cette fonctionnalité, c'est qu'ils font le survol lorsque vous sélectionnez du texte (see this question for some code to get the current selection).

Personnellement, je trouve vraiment irritant (nytimes.com le fait comme ça, par exemple), mais peut-être est juste moi ...

Answer 2

Si vous voulez quelque chose de semblable à ce que le NYTimes fournit, je suggère que vous utilisez le plugin Select Link dans JQuery, qui permet de rechercher tout mot sélectionné dans votre texte. Conférer this link.