javascript - 在 Firefox 中，当使用滑块滚动时触发 mousemove 事件

Question

我在可滚动的 div 上有一个 mousemove 事件。Firefox 是唯一在我拖动滚动滑块时触发 mousemove 事件的主要浏览器。你知道摆脱它的方法吗？

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);

见jsfiddle。

Answer 1

您可以使用off()事件处理程序和一个简单的计时器：

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");
     });
}