Question

I would like to be able to detect if the mouse is still over the element in the following scenario:

1. If mouseover then sleep for a few seconds.
2. Once done sleeping check of the mouse is still over the same element.
3. If true then do something.

How can I achieve #2?

Thank you.

Answer 1

Take a look at the hoverIntent plugin for jQuery. It gives you a new event handler which will fire only if you have been hovering over an element for a certain amount of time. By tweaking its options, you should be able to get it to do exactly what you want.