Как отслеживать активность пользователя на элементе?

Question

[Evgeny Kulakov]

Есть потребность показывать определённые элементы при активности пользователя над заданным элементом. Активность может заключаться в нажатии/перемещении мыши, тапов пользователя на мобильном устройстве. Нужно кросс браузерное решение, которое будет работать на десктопе и мобильных устройствах. Есть ли какие-то готовые решения или нужно будет подписываться на все необходимые события для отслеживания?

Answer 1

[trushka]

: hover и :focus можно использовать (последний вроде при тапе срабатывает), только надо tabindex у нужных элементов прописать, иначе не будут ловить фокус. А показывать можно, либо вложив внутрь отслеживаемых элементов, либо используя соседские селекторы.

Comments

[Evgeny Kulakov]

У меня немного другая потребность - есть видеоплейер, у него есть элементы управления, которые должны появляться при активности пользователя. Сейчас я подписываюсь на события mouseover, touchstart на плейере и при их срабатывании показываю элементы. Меня немного напрягает насколько это будет кроссбраузерно для разных платформ и может есть какие-то готовые библиотеки для данных вещей.

Answer 2

[Alex XYZ]

Есть такой термин "карта кликов", "тепловая карта кликов": https://habrahabr.ru/company/altweb/blog/224847/

Comments

[Evgeny Kulakov]

У меня немного другая потребность - есть видеоплейер, у него есть элементы управления, которые должны появляться при активности пользователя. Сейчас я подписываюсь на события mouseover, touchstart на плейере и при их срабатывании показываю элементы. Меня немного напрягает насколько это будет кроссбраузерно для разных платформ и может есть какие-то готовые библиотеки для данных вещей.

[Alex XYZ]

Evgeny Kulakov: сори, невнимательно осознал вопрос. По мне так правильно делаете. Все равно тестировать.

[Evgeny Kulakov]

Захаров Александр: ок, спасибо за мнение!