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

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


javascript jquery jquery-selectors highlighting
person Brandon    schedule 10.08.2010    source источник
comment
- ВСЕГДА - слово на странице? Страница большая? Я вижу на горизонте медленный DOM.   -  person Marko    schedule 10.08.2010
comment
Нет, страница относительно небольшая, всего пара абзацев. Я просто смотрел, возможно ли это, поэтому спасибо декану за ответ на мой вопрос. И да, меня тоже очень раздражают всплывающие окна при наведении курсора.   -  person Brandon    schedule 10.08.2010

Ответы (2)


arrow_upward
2
arrow_downward

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

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

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

person Dean Harding    schedule 10.08.2010
comment
Да, наверное, это лучший способ сделать это. Еще один ресурс - сценарий NYTimes, который, к счастью, не минифицирован и не запутан: graphics8.nytimes .com / js / common / screen / altClickToSearch.js. - person Cristian Sanchez; 10.08.2010

arrow_upward
1
arrow_downward

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

person Community    schedule 31.01.2011
comment
Страница не найдена. Запрошенная страница не может быть найдена. - person jenzz; 01.12.2012