如何在javascript firefox中獲取鼠標滾輪事件

Question

我正在建立一個網站，並且需要進行鼠標滾輪事件。 為此，我嘗試了以下方法：

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

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

這僅適用於chrome。 ↑

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

這也不適用於Firefox。 我也嘗試過此網頁上建議的解決方案，但這也導致代碼僅適用於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/zh-CN/docs/Web/Events/wheel#Listening_to_this_event_across_browser