In Firefox wird das mousemove-Ereignis beim Scrollen mit dem Slider ausgelöst - javascript, firefox, javascript-events

Ich habe ein Mausbewegungsereignis auf einem scrollbaren Div. Firefox ist der einzige große Browser, der das Mausbewegungsereignis auslöst, während ich den Bildlaufregler ziehe. Kennen Sie einen Weg, das loszuwerden?

HTML

<div id="outer">
<div id="inner">
</div>
</div>

<div id="reporter1"></div>
<div id="reporter2"></div>

JS

$("#outer").on("scroll", function (event) {
$("#reporter1").text("scroll");
});

$("#outer").on("mousemove", function (event) {
$("#reporter2").text("mousemove");
});

setInterval(function () {
$("#reporter1").text("");
$("#reporter2").text("");
}, 500);

Sehen jsfiddle.

Antworten:

Sie können verwenden aus() Ereignishandler und ein einfacher Timer:

var timer;
rebind();

$("#outer").on("scroll", function(){
clearTimeout(timer);
$("#outer").off("mousemove");
timer = setTimeout(rebind, 500);
});

function rebind() {
$("#outer").on("mousemove",function() {
$("#reporter2").text("mousemove");
});
}