Javascript animation (Hover) for Touch

Question

How can I make a Javascript animation that has CSS hover event, work for when the user uses touch on a mobile, for example.

My animation code does not work for Touch (Mobile). Which is my option?

Answer 1

The behavior of mouse hover is not an expected event for Web Touch entries.

As cited here, events expected for Touch entries are:

• touchstart;
• touchend;
• touchmove;
• touchcancel;

Containing no reference to events of hover (which in literal translation would be: "hover over", which is not a feature available on most Touch screens) and for other specific events of mouse.

Completion: this is not a behavior expected by users who use Touch, so its functionality based on the event mouse hover is essential for its application and it has as target mobile devices and/or devices with Touch features, review the functionality to suit this new scenario.

References and reading suggestions:

• There is this discussion regarding alternatives to the event hover on devices touch-based (In English);
• Here is an example of implementing an alternative device solution touch-based, which presents an alternative solution to menus with submenus based on hover (In English);
• One of my main references to stating "This is not possible" (In English);