javascript - (添加鼠标滚轮功能)使用 DOMmouseScroll 和鼠标滚轮调用函数

Question

我正在尝试创建一个函数，当鼠标滚轮向不同方向移动时调用其他函数。我不知道如何实现这个

我最初将代码设置为能够处理鼠标滚轮事件，但 Firefox 不支持鼠标滚轮事件。所以我也需要一种方法来使用 DOMmouseScroll。如果有人可以的话，我希望以与我已经设置的方式类似的方式进行设置。

注意:我要求同时使用 DOMmouseScroll 和 mousewheel，所以我建议添加到我的代码中，但如果不能那样做，也没关系...

这是我设置代码的方式:

$( '#container' ).on( 'mousewheel', function ( event ) {

    // crude check to see events are supported
    if ( typeof event.originalEvent.wheelDeltaX === 'undefined'
        || typeof event.originalEvent.wheelDeltaY === 'undefined' ) {
        console.log( "could not find mouse deltas" );
        return;
    }

    var deltaX = event.originalEvent.wheelDeltaX;
    var deltaY = event.originalEvent.wheelDeltaY;

    var scrolledLeft = deltaX < 0;
    var scrolledRight = deltaX > 0;
    var scrolledUp = deltaY < 0;
    var scrolledDown = deltaY > 0;

    if ( scrolledLeft ) { someFunction }
    if ( scrolledRight ) { someOtherFunction }
    if ( scrolledUp ) { anotherFunction }
    if ( scrolledDown ) { andAnotherFunction }
});

Answer 1

我建议使用跨浏览器兼容的 wheel 重新实现它事件代替。 mousescroll 和 DOMmousescroll 已被弃用，以支持现代浏览器中的这个新事件。请阅读该页面上的所有文档以了解详细信息以及跨浏览器兼容的 addWheelListener 函数的示例实现。