Определить, где находится курсор пользователя, и показать его в другом окне

#javascript #html #css #cursor

#javascript #HTML #css #курсор

Вопрос:

подобно документам Google, я хотел бы иметь возможность выполнить следующее:

Пользователь A — Окно 1 — определяет, где находится курсор пользователя на странице, может быть любое количество входных данных
Пользователь B — Окно 2 — показывает, где находится курсор пользователя A, с положением точки абсолютно сверху и слева.

Достаточно просто задать вопрос, чтобы получить право. Что происходит, когда пользователь прокручивает, у пользователей разные размеры окна / браузера, форматирование шрифта и т. Д.

Какие-нибудь умные, элегантные идеи?

Спасибо

1. Ну, я согласен с «трудной для понимания» частью 🙂

2. Я бы рассчитал все в процентах. Получите размеры окна, затем преобразуйте позиции курсора в проценты от стандартной точки (возможно, в верхнем левом углу экрана?)

Ответ №1:

Используйте библиотеку, такую как Rangy

http://code.google.com/p/rangy/

Он может получить позицию любого выделенного текста, включая несколько выделений.

Он также может отмечать выбранные элементы символом a <span> , что может быть вам полезно

1. Я не буду использовать входные данные, а не текстовые поля и т. Д… Эта библиотека кажется специфичной для этого, верно?

2. @AnApprentice вы «не будете»?, rangy обнаруживает выделения в DOM, а не текстовые области

3. Я думаю, что он говорит о курсоре мыши, а не о каретке.

4. @LeaVerou ну, курсор мыши получить еще проще

5. @LeaVerou и я предположили, что это курсор, поскольку документы Google показывают курсор других людей, а не курсор мыши