jquery - event.preventDefault(); Firefox 中不停止鼠标滚轮

Question

我在jquery中使用鼠标滚轮来增加div的数量，数量正确增加，但在Firefox中滚动没有停止。

$(document).ready(function(){

    $('#test').bind('mousewheel DOMMouseScroll', function(event){

        var currentValue = parseInt($('#test').text(),10),
            newValue = currentValue + 1;

        $('#test').text(newValue);    
        event.preventDefault();
    });
});

fiddle :http://jsfiddle.net/rHVUn/

fiddle 使用标准的鼠标滚轮检测，但我也使用过 Brandon Aaron 的鼠标滚轮插件，它也有同样的问题。

删除 div 中更新文本的行(我也尝试过 html())可以解决该问题，但这是代码的关键部分，无法删除。

有人知道如何解决这个问题吗？

谢谢

更新:我发现只有当我的鼠标直接位于文本上方时才会出现问题，如果我的鼠标位于框内但不在文本上方(在填充内)，滚动就会停止

Answer 1

尽管阻止了滚动事件，但当我搜索 Firefox 滚动问题时，这仍然是 HitTest 门的帖子之一。

Firefox 在鼠标滚动时触发两个事件:DOMMouseScroll 和 MozMousePixelScroll。请参阅https://github.com/jquery/jquery-mousewheel/issues/45#issuecomment-11749359有必要阻止 MozMousePixelScroll 事件。

根据https://developer.mozilla.org/en-US/docs/Web/Events/MozMousePixelScroll最现代的事件名称是 wheel，它似乎适用于我的 Firefox (55) 和 Chrome (61) 版本。也许这就是您应该使用的。请参阅https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent/WheelEvent

这是一个 JSFiddle:

https://jsfiddle.net/ahpy9f66/