javascript - Firefox 浏览器中未触发鼠标滚轮事件

Question

请引用以下代码。

$(this.element).on("mousewheel", this.chartMouseWheel);

chartMouseWheel:function(e) {
        if(e.originalEvent.wheelDelta /120 > 0) {
            alert('scrolling up !');
        }
        else{
          alert('scrolling down !');
        }

        if (e.preventDefault)
        e.preventDefault();
        e.returnValue = false;
    },

此事件在 IE、chrome 中正确触发，但在 Firefox 中未触发？

Answer 1

现在是 2017 年，正确的答案是:

$(window).on('wheel', function(event){

    // deltaY obviously records vertical scroll, deltaX and deltaZ exist too
    if(event.originalEvent.deltaY < 0){
        // wheeled up
    }
    else {
        // wheeled down
    }
});

适用于当前的 Firefox 51、Chrome 56、IE9+

注意:增量值将取决于浏览器和用户设置。