Позиция курсора мыши в элементе

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

Наткнулся на одно решение в Интернетах. Делюсь им с вами, немного модернизировав его.

Смысл в том, чтобы вычислить координаты нужного элемента и координаты курсора мыши на странице, когда мы находимся «в элементе». Разница между этими значениями и будет составлять нужные нам величины.

Для этого нам понадобятся:

  1. Элемент на странице. Я использовал простой контейнер с id
  2. Библиотека iQuery
  3. Сам скрипт

Пример можно увидеть тут. Не забудьте включить консоль — там все увидите.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *