What happens on touch devices when redirecting click events to hover events?

Asked Aug 08 '14 at 18:01

Active Aug 08 '14 at 18:01

Viewed 77 times

This is linked to this question:

On click of an ''a'' element, fire it's hover handler instead of going to the link

What happens on an iPad when I use this?

$( '.menu_icon.menu-641.sf-depth-1.menuparent' ).on( 'click', function( ev ){
    ev.preventDefault(); // stop click event
    $( this ).trigger( 'hover' );
} );

I am triggering a hover event when clicking on a hyperlink element.

How does an iPad behave in this scenario? I am aware that touch devices replace hover events with clicks.

edited May 23 '17 at 11:49

Community

asked Aug 08 '14 at 18:01

nicholaswmin

21,686
15
91
167

Have you read through this SO question and answers: http://stackoverflow.com/questions/5507964/ios-automatic-hover-fix – jwatts1980 Aug 08 '14 at 18:10
A common thing I do with JQuery in general when I want to do something cross platform is add a class attached to some css on touchstart and remove it on touchend. EDIT: touchstart and touchend are the two events. – Aage Torleif Aug 08 '14 at 18:12
The question is what happens in that scenario not how to fix it – nicholaswmin Aug 08 '14 at 18:15
@NicholasKyriakides -- Then try it and see what happens? – tymeJV Aug 08 '14 at 18:19
I wouldn't ask this question if I had accessibility to an iPad or any other touch device at this moment. – nicholaswmin Aug 08 '14 at 18:21
http://stackoverflow.com/questions/15506708/iphone-ipad-browser-simulator – jwatts1980 Aug 08 '14 at 19:14

What happens on touch devices when redirecting click events to hover events?

0 Answers0