iPad hover event process

Question

Hi, I am developing a site for Apple iPad. In this, how can I apply shadow on mouseover and how to remove on mouseout? Like HTML a process, or any other way available with Javascript, I am using jQuery here.. any advice?

Answer 1

Since there's no mouse and no pointer that moves around the screen (except from some jailbreaked iPads, but that's another story), these events are never fired by iPad's Safari. You can bind the effects to other events (like mouse click) but maybe it's not necessary...

Answer 2

Switch to applying hover effects/shadow on mousedown and mousemove, and use some other event (a timed mousedown/mouseup), or a completely different button or touch location, for "clicking".

Note that some effects may never even be seen if they are hidden under the touch.