mouseenter event bubbling incoherent behavior across browsers #2354

dawolf opened this Issue Apr 20, 2012 · 2 comments


None yet

4 participants


I've noticed incoherent behavior in event bubbling related to the "mouseenter" event across browsers when using a linked img and adding an event listener to the anchor. Example:

Test case

<a href="#foo" id="anchortag"><img src="myimg.png" id="imagetag"></a>
$('anchortag').addEvent('mouseenter', function(ev) {
    console.log("mouseenter event on element: "+;

In Firefox and Opera is the a tag
In Chrome is the img tag

To rule out a browser issue I've tested the example above in jquery:
Here is the img tag on Firefox, Chrome and Opera.

MooTools member

Probably this is because IE, Firefox and Opera have a native mouseenter event, but Webkit doesn't.

I'm not sure we should/can fix this.

@ibolmo ibolmo added bug and removed priority 4 labels Mar 3, 2014
@ibolmo ibolmo modified the milestone: 1.5.1, 1.5 Mar 3, 2014
MooTools member

I just checked this on Opera, Chrome, Firefox and IE11 and IE8 and all browsers return now anchortag.

Looks like all major browsers support mouseenter now.

Thank you @dawolf for bringing this up!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment