如何在javascript firefox中获取鼠标滚轮事件

Question

我正在建立一个网站，我需要获得鼠标滚轮事件。为此，我尝试了以下方法：

//For Chrome
window.addEventListener('mousewheel', func);

// For Firefox
window.addEventListener('DOMMouseScroll', func);

这个只适用于chrome。 ↑

mapDiv.onmousewheel = function(e){
    func(e);
}

这个也没有在firefox上工作。 我还尝试过在this网页上建议的解决方案，但这也导致代码只能用于Chrome。

那么如何解决这个问题，并尽可能使解决方案与现代浏览器兼容？

Answer 1

如果您阅读文档，则会看到mousewheel不合标准，建议您使用wheel事件。

见这里：https://developer.mozilla.org/en-US/docs/Web/Events/mousewheel

指的是https://developer.mozilla.org/en-US/docs/Web/Events/wheel

有时，文档会自动解决问题。

你应该这样使用：

 // standard for all browsers
 window.addEventListener('wheel', func);

在这里，您是与旧版和现代版浏览器兼容的实现示例：

https://developer.mozilla.org/en-US/docs/Web/Events/wheel#Listening_to_this_event_across_browser