鼠标滚轮,滚轮和DOMMouseScroll在JavaScript中

时间:2014-08-08 13:07:46

标签: javascript events scroll

DOMMouseScroll仅适用于Firefox。

wheel似乎适用于Firefox和Chrome。这是什么?没有找到关于这个的文档。

mousewheel不适用于Firefox。

我应该如何使用它们,以获得最佳的浏览器兼容性。

给出的例子:

document.addEventListener('ScrollEvent', function(e){
   DoSomething();
});

1 个答案:

答案 0 :(得分:1)

如果您的目标是防止上下滚动,但由于DOM级别是被动的,浏览器会给您带来错误,只需在.addEventListener方法中传递 {passive:false}作为第三个参数

// Solution to this: https://www.chromestatus.com/features/6662647093133312
window.addEventListener("wheel", function (e) {e.preventDefault()}, {passive: false}); // no more mouse wheel scrolling [both sides]
// window.addEventListener("wheel", function (e) {e.preventDefault()}, {passive: true}); this is default behaviour