鼠標滾輪事件檢測目前未在Firefox中工作

Question

由於某種原因，我在嘗試識別Firefox中的mousewheel事件時遇到了問題。這是在IE，Chrome，Safari，Opera，但不是FF。我在DOMMouseScroll上附加了一個應該在FF中識別的事件監聽器。

Fiddle demo

$(document).unbind('mousewheel DOMMouseScroll').on('mousewheel DOMMouseScroll', function(e) { 
    var evt = event || e || window.event; 
    var delta = evt.detail < 0 || evt.wheelDelta > 0 ? 1 : -1; 

    if (delta < 0) { 
     // scroll down 
    } else { 
     // scroll up 
    } 
}); 

Answer 1

您的代碼在控制檯中產生錯誤。該行：

var evt = event || e || window.event; 

不正確;範圍內沒有「事件」變量。你可以直接使用「e」。 jQuery代碼將確保您的處理程序獲取事件參數作爲參數。或者：

$(document).unbind('mousewheel DOMMouseScroll').on('mousewheel DOMMouseScroll', function(evt) { 
    var delta = evt.detail < 0 || evt.wheelDelta > 0 ? 1 : -1; 

    if (delta < 0) { 
     // scroll down 
    } else { 
     // scroll up 
    } 
}); 

Answer 2

這似乎在Safari，Chrome和Firefox的工作（我還沒有在IE中測試它）：

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

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

 
function mouseWheelEvent(e) { 
 
    var delta = e.wheelDelta ? e.wheelDelta : -e.detail; 
 
}

來源：http://www.h3xed.com/programming/javascript-mouse-scroll-wheel-events-in-firefox-and-chrome

Answer 3

此代碼保存了我的生活..在Chrome，Firefox，Edge，Internet Explorer，Opera ...中工作...

window.addEventListener('wheel', function(event){ 
if(event.deltaY < 0){ 
// wheeled up 
} 
else { 
// wheeled down 
} 
});