qmax
@qmax
программер

Возможен ли аналог :hover в html/css/js на мобильных устройствах?

На десктопах с мышью можно использовать псевдокласс :hover и навесить на него всякие спецэффекты для акцентирования внимания на активных элементах.

На мобильных устройствах такого нет, но теоретически, есть состояние, когда пользователь опустил на элемент палец, чтобы промотать контент.
Можно ли как-нибудь отловить это состояние, чтобы сделать такие же спецэффекты, как с hover?
  • Вопрос задан
  • 8678 просмотров
Пригласить эксперта
Ответы на вопрос 5
iiiBird
@iiiBird
Пока ты спишь - твой конкурент совершенствуется
собстенно :hover так и работает на мобильных устройствах. если к примеру кнопке дать изменение bg при ховере - и на телефонах тапнуть на кнопку и не отпускать ее - как раз этот эффект :hover и сработает
Ответ написан
Nikulio
@Nikulio
NaN !== NaN
Вот пример аналога ховера на моб wylsa.com
Ответ написан
@metaf
:focus, :active, :target - всё это работает на мобильных.
Ответ написан
Комментировать
dimka-dooz
@dimka-dooz
front-end разработчик)
Ховер на мобильном устройстве это диссонанс восприятия, как?????? Тапнуть и держать, это что угодно, но не ховер, просто перенос поведения. Когда у нас появятся "не тактильные" дисплеи и сооветствующее api обозревателей, можно будет говорить, но это может быть, а может и нет )))
Ответ написан
@medin84
software developer
разве что через touch события, все js-ом добавлять, убирать класс "hover"
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы