jqLite handles on/off asymmetrically for mouseenter/mouseleave

[VWoeltjen]

After an alternating series of on/off calls for mouseenter or mouseleave, the event listener starts being invoked more often than expected.

Say you have a reference to a jqLite-wrapped element, $element, and you want to invoke some function when the mouse enters that element:

$element.on('mouseenter', someFn);

Now, someFn is invoked once every time the mouse enters the DOM element wrapped by $element, as expected.

Now detach that listener:

$element.off('mouseenter', someFn);

No, someFn is no longer invoked when the mouse enters that DOM element, again as expected.

Now, reattach the listener:

$element.on('mouseenter', someFn);

Observe: Now someFn is invoked twice whenever the mouse enters the specified DOM element, which is not expected.

More generally, after n calls to on and n - 1 calls to off, the event listener starts getting invoked n times per mouse entry, instead of once as expected.

This is true for mouseenter and mouseleave but does not appear to be the case for other events.

See this gist illustrating the issue.

[VWoeltjen]

Guessing that this has to do with some special handling for mouseleave and mouseenter which appears in jqLiteOn but does not appaar in jqLiteOff.

[VWoeltjen]

@gkalpak I'm impressed and humbled by the fast turnaround on this issue! Thanks!

[gkalpak]

Anything to help NASA - LOL

Seriously, @VWoeltjen, your detailed report and accurate description of the problem played a major role.
You basically handed me the fix on a plate 😄

[gkalpak]

Now let's see how fast it gets merged (I am not sure my approach is the best - it's definitely not an ideal situation) :)