How to disable mouseout events triggered by child elements?

by

The question is a bit old, but I ran into this the other day.

The simplest way to do this with recent versions of jQuery is to use the mouseenter and mouseleave events rather than mouseover and mouseout.

You can test the behavior quickly with:

$(".myClass").on( {
   'mouseenter':function() { console.log("enter"); },
   'mouseleave':function() { console.log("leave"); }
});

More Related Contents:

  1. jQuery Event Keypress: Which key was pressed?
  2. How to capture the browser window close event?
  3. Definitive way to trigger keypress events with jQuery
  4. How to order events bound with jQuery
  5. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  6. What is the difference between the mouseover and mouseenter events?
  7. How to trigger the window resize event in JavaScript?
  8. Difference between “change” and “input” event for an `input` element
  9. Resize event for textarea?
  10. How do you log all events fired by an element in jQuery?
  11. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  12. Jquery: change event to input file on IE
  13. Preventing click event with jQuery drag and drop
  14. jQuery: How to get the event object in an event handler function without passing it as an argument?
  15. Attach an event in a child iframe to a handler in the parent window
  16. Javascript with jQuery: Click and double click on same element, different effect, one disables the other
  17. Changing the keypress
  18. jQuery: Unbind event handlers to bind them again later
  19. jQuery prevent change for select
  20. jQuery event that triggers after CSS is loaded?
  21. Performance difference between jQuery’s .live(‘click’, fn) and .click(fn)
  22. Drop event not firing in chrome
  23. How to unbind a specific event handler
  24. Capture event onclose browser
  25. List all javascript events wired up on a page using jquery
  26. jQuery: How to listen for DOM changes?
  27. Is there an equivalent to e.PageX position for ‘touchstart’ event as there is for click event?
  28. Fire oninput event with jQuery
  29. addEventListener to iFrame
  30. How to capture browser close event?

Leave a Comment