Question

I have a button and some sublinks for a page viewed on the iPad…Now when I click on the button, I want to trigger a mouseout event on the sublinks (purpose is to remove hover state from the link)

I have tried

$("#leftNav  a").mouseleave(); 
$("#leftNav  a").mouseout(); 
$("#leftNav  a").trigger("mouseout"); 
$("#leftNav  a").trigger("mouseleave");

But none of them seem to be working and they do not on the iPad. Please help me. Thank you.

Before you say, there is no hover on iPad, I am aware…But please read this from Apple;

When the user focuses on an element by single-tapping it, the

:hover styles are applied and the mouseover, mousemove, mousedown,
mouseup and click events fire (always; and in that order).

Answer 1

From my experience it is more like:

:hover styles are applied and the mouseover, mousemove, mousedown, mouseup and click 
events fire (always; and in that order) 
or NONE OF THE ABOVE AT ALL.

Did you consider working with a plugin that’s supporting touch events?