Как я могу выделить каждое слово в jquery, чтобы дать определение для каждого слова?

Question

То, что я пытаюсь сделать, - это разрешить пользователю прокручивать любое слово на веб-странице, а когда указатель мыши наводится на слово, оно выделяется (я знаю, что для этого могу использовать указатель мыши). Однако я не знаю, как выбрать отдельные слова из абзаца. Конечная цель состоит в том, чтобы позволить пользователю щелкнуть слово, и над словом появляется определение, но я думаю, что смогу понять это, когда смогу навести курсор на отдельные слова.

Answer 1

В Javascript нет способа сделать это, наименьшая вещь, с которой вы можете взаимодействовать, в общем, это элемент DOM. Таким образом, вы можете технически обернуть каждое слово в <span>, но это может показаться слишком излишним и, вероятно, также окажет огромное влияние на производительность.

Вместо этого большинство сайтов, которые предоставляют эту функцию, выполняют всплывающие подсказки всякий раз, когда вы выделяете текст ( см. Этот вопрос для некоторого кода, чтобы получить текущий выбор ).

Лично я нахожу это действительно раздражающим (например, nytimes.com делает это так), но, возможно, это только я ...

Answer 2

Если вы хотите что-то похожее на то, что предоставляет NYtimes, я предлагаю вам использовать плагин Select Link в JQuery, который обеспечивает поиск любого слова, выбранного в вашем тексте. Confer эта ссылка .