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

Question

[Максим Васильев]

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

На мобильных устройствах такого нет, но теоретически, есть состояние, когда пользователь опустил на элемент палец, чтобы промотать контент.
Можно ли как-нибудь отловить это состояние, чтобы сделать такие же спецэффекты, как с hover?

Answer 1

[iBird Rose]

собстенно :hover так и работает на мобильных устройствах. если к примеру кнопке дать изменение bg при ховере - и на телефонах тапнуть на кнопку и не отпускать ее - как раз этот эффект :hover и сработает

Comments

[Максим Васильев]

тоесть, он срабатывает на длиннотапе?

[Максим Васильев]

или он на "touchstart" ?

[iBird Rose]

Максим Васильев: на длинном

Answer 2

[Nikita Shchypylov]

Вот пример аналога ховера на моб wylsa.com

Comments

[Kovalsky]

Слово "нету" в русском языке существует, разговорная форма слова "нет"

[Максим Васильев]

не пойму, как оно работает. это просто :hover?

Answer 3

[metaf]

:focus, :active, :target - всё это работает на мобильных.

Answer 4

[Дмитрий Клусевич]

Ховер на мобильном устройстве это диссонанс восприятия, как?????? Тапнуть и держать, это что угодно, но не ховер, просто перенос поведения. Когда у нас появятся "не тактильные" дисплеи и сооветствующее api обозревателей, можно будет говорить, но это может быть, а может и нет )))

Comments

[Максим Васильев]

hover мыши - это фокусировка внимания, до принятия решения о совершении действия (кликать/не кликать/тащить/не тащить).
аналог на мобиле - первый момент прикосновения, до принятия решения двигать/недвигать/удерживать

[Дмитрий Клусевич]

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

[Максим Васильев]

ну так и чем опущенный палец не "зависание"?

[Дмитрий Клусевич]

Максим Васильев: Это уже касание. А отличие такое же как отличие ховерборда от скейтборда

[Максим Васильев]

Дмитрий Клусевич: мне кажется, касания экрана на мобиле - такое же по частоте явление, как и елозенье мышкой по экрану. Но вот не уверен, что касание выражает фокус внимания, как наведение.
Может где-нить есть юзабилити/эгономик исследования на ту тему?

Answer 5

[Medin K]

разве что через touch события, все js-ом добавлять, убирать класс "hover"

Comments

[Максим Васильев]

touchstart ?