How do I check if the mouse is over an element in jQuery?

by

This code illustrates what happytime harry and I are trying to say. When the mouse enters, a tooltip comes out, when the mouse leaves it sets a delay for it to disappear. If the mouse enters the same element before the delay is triggered, then we destroy the trigger before it goes off using the data we stored before.

$("someelement").mouseenter(function(){
    clearTimeout($(this).data('timeoutId'));
    $(this).find(".tooltip").fadeIn("slow");
}).mouseleave(function(){
    var someElement = $(this),
        timeoutId = setTimeout(function(){
            someElement.find(".tooltip").fadeOut("slow");
        }, 650);
    //set the timeoutId, allowing us to clear this trigger if the mouse comes back over
    someElement.data('timeoutId', timeoutId); 
});

More Related Contents:

  1. iPad/iPhone hover problem causes the user to double click a link
  2. jQuery disable scroll when mouse over an absolute div
  3. Trigger click on select box on hover
  4. How can I recognize touch events using jQuery in Safari for iPad? Is it possible?
  5. Hide options in a select list using jQuery
  6. IE9 jQuery AJAX with CORS returns “Access is denied”
  7. Google Chart draw Trendlines with date on x axis
  8. Animate background image change with jQuery
  9. How to make the first option of selected with jQuery
  10. jQuery counter to count up to a target number
  11. How to check if an option is selected?
  12. Convert a HTML table data into a JSON object in jQuery
  13. Changing .prop using jQuery does not trigger .change event
  14. jQuery If DIV Doesn’t Have Class “x”
  15. Leaflet – How to find existing markers, and delete markers?
  16. Convert Object to JSON string
  17. Placing error message for a checkbox array
  18. How to open Modal pop up in JSF 2 using JQuery
  19. jQuery select box validation
  20. Difference between $(this) and this in jquery
  21. How to use Twitter Bootstrap popovers for jQuery validation notifications?
  22. How to prevent jump on an anchor click?
  23. How add spaces between Slick carousel item
  24. Simple jQuery Ajax call leaks memory in Internet Explorer
  25. JQuery .load() callback function
  26. Working with single page websites and maintaining state using a URL hash and jQuery
  27. Sending array data with jquery and flask
  28. jQuery Deferred – getting result of chained ajax calls
  29. How to make synchronous JSONP crossdomain call
  30. jquery get only all html elements with ids

Leave a Comment