Question

Is there a way to capture a mouse hover and stay (for a while) event but not if the mouse is passing by the element. So the event will be fired only when you hover and stay.

Answer 1

You can use setTimeout to create a delay before executing whatever code you need to, and clearTimeout to cancel the timer when the mouse leaves the element:

var timer;
$("#example").mouseover(function() {
    timer = setTimeout(function() {
       console.log("time passed");
    }, 1000); 
}).mouseout(function() {
    clearTimeout(timer);  
});

Here’s a working example of the above.