А какие подводные камни у mouseenter и mouseelave на мобильных устройствах?

Question

[VegasChickiChicki]

Суть в том, что сейчас протестил в режиме мобльного устройства и все нормально реагирует (тап по элементу открывает нужный блок, тап вне элемента закрывает), какие есть подводные камни, которые должны заставить меня начать обрабатывать touch ивенты?

p.s. Задача - добавить класс и пару стилей элементу при наведении, убрать класс и стили при смени цели (тултип).

Comments

[Сергей delphinpro]

https://habr.com/ru/company/sibirix/blog/227175/

[profesor08]

Сергей delphinpro, такая себе статья, примеры из разряда того, как делать не надо.

[VegasChickiChicki]

profesor08, Можно подробнее, почему?

[Сергей delphinpro]

profesor08, там объясняется как происходят события и какие. в это ключе норм статья, чтобы получить общее представление.

[profesor08]

VegasChickiChicki, Сергей delphinpro,

1. Статья 2014 года. Хоть в самих событиях ничего не поменялось, но статья устарела. Есть более удобный способ обрабатывать ввод: https://developer.mozilla.org/ru/docs/Web/API/Poin...
   
2. Автор придумал проблему и героически ее решает с помощью навешивания onClick и touchend одновременно. Откровенная глупость, нельзя так делать, это создаст неудобства пользователю. onClick достаточно.
   
3. Цепочка событий указана неверная. В реальности их происходит гораздо больше, когда хочешь кликнуть на элементе.
   

Answer 1

[profesor08]

Их там нет.