鼠标滚轮事件检测目前未在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 
} 
});