How can I make an animation in JavaScript that has CSS hover
event, work for when the user uses the touch on a mobile, for example.
My animation code does not work for Touch (Mobile). What is my option?
How can I make an animation in JavaScript that has CSS hover
event, work for when the user uses the touch on a mobile, for example.
My animation code does not work for Touch (Mobile). What is my option?
The behavior of mouse hover
is not an expected event for Touch entries on the Web.
As mentioned here , the expected events for Touch entries are:
Containing no reference to events of hover
(which literally would be "hover over", which is not a feature available on most Touch screens) and for other specific events of mouse
.
Conclusion: This is not a behavior expected by users using Touch, so if your functionality based on the
mouse hover
event is essential to your application and it has target mobile devices and / or with Touch features, review the functionality to suit this new scenario.
References and reading suggestions:
hover
on touch-based devices ; hover
;