Как соотнести положение мыши по щелчку мыши с точным содержанием элемента DOM? - PullRequest
3 голосов
/ 02 декабря 2011

Используя jquery, я пытаюсь создать плагин, который может делать следующее: учитывая произвольную веб-страницу, которая в основном основана на тексте, например, википедии или чем-то подобном.По сути, я говорю о простом HTML, отображаемом браузером.Теперь, если пользователь щелкает где-то на веб-сайте, как в середине интересного предложения (или слова) текстового отрывка, плагин обнаруживает этот щелчок - на данный момент, я думаю, я говорю о простом событии onclick.

Теперь я хочу сделать следующее: плагин не только знает, что пользователь нажал, но и точно в каком месте дерева DOM.это означает, например, что я хочу знать, что щелчок коррелирует с элементом span, который содержит строку И внутри этой строки пользователь нажимал между символами 4 и 5.

Я нашел изображение, которое показывает довольно хорошо что я пытаюсь сделать .

С таким плагином можно делать множество вещей, например: выделять текст, как вы, когда учитесь из книги, или создавать выделенные корреляции между текстовыми отрывкамина разных веб-сайтах ... но в настоящее время я просто думаю о том, как собрать данные, необходимые для визуализации в браузере

thx, для любых подсказок по этому

1 Ответ

1 голос
/ 02 декабря 2011

Вы можете прослушивать клики в любом месте документа, начиная с:мастер "обработчик кликов.

Вот JSFiddle , чтобы вы начали.

...