Why can’t I reliably capture a mouseout event?

by

I know that you don’t want a workaround, but you don’t need to check mouse’s x/y to know if you are in or out an element. You could simply check the element from which the mousemove event was fired. If you put a mousemove on document, the event will fire from one of its children, and you can compare that element with your element to know if it is one of its descendants.

Or you could go up the parentNode tree and stop if you find your element. Then you know you are inside the element and still in it, otherwise you reach the document and you are out.

Some browsers implement the mouseenter/mouseleave events that, I’ve noticed, are more accurate than mouseout. Prototype and jQuery have a workaround for browsers that don’t implement these new events. Mouseleave does not fire from an element’s children, whereas mouseout does.

More Related Contents:

  1. window.onload vs $(document).ready()
  2. window.onload vs document.onload
  3. Detect Click into Iframe using JavaScript
  4. Prevent form submission on Enter key press
  5. Firing event on DOM attribute change
  6. How does one capture a Mac’s command key via JavaScript?
  7. event.preventDefault() vs. return false (no jQuery)
  8. On Text Highlight Event?
  9. Is there a callback on completion of a CSS3 animation?
  10. How to display a confirmation dialog when clicking an link?
  11. How do I know when I’ve stopped scrolling?
  12. Way to know if user clicked Cancel on a Javascript onbeforeunload Dialog?
  13. Create a file using Javascript in Chrome on client side
  14. Javascript event e.which?
  15. Listener for property value changes in a Javascript object
  16. How do you detect the clearing of a “search” HTML5 input?
  17. How to check if any JavaScript event listeners/handlers attached to an element/document? [duplicate]
  18. Fire tab keypress event in JavaScript?
  19. How to Clear/Remove JavaScript Event Handler?
  20. Remove key press delay in Javascript
  21. Detecting an image 404 in Javascript
  22. Popstate on page’s load in Chrome
  23. How do I pass the this context into an event handler?
  24. Implementing events in custom object
  25. How to optimize website for touch devices
  26. Prevent click event from firing when dblclick event fires
  27. How do you force your Javascript event to run first, regardless of the order in which the events were added?
  28. Any Javascript event occurring when user clicks Stop load button?
  29. Are dynamically inserted tags meant to work?
  30. Display Spreadsheet Data to HTML Table

Leave a Comment