(添加鼠标滚轮功能)使用DOMmouseScroll AND鼠标滚轮来调用函数

(ADD mousewheel functionality) using DOMmouseScroll AND mousewheel to call functions

本文关键字:鼠标 AND 调用 函数 DOMmouseScroll 添加 功能 使用      更新时间:2023-09-26

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

我最初将代码设置为能够处理mousewheel事件,但Firefox不支持mousewhele事件。所以我也需要一种使用DOMouseSoll的方法。如果有人可以的话,我希望它的设置方式与我已经设置的类似。

注意:我要求同时使用DOMmouseScroll和鼠标滚轮,所以我建议添加到我的代码中,但如果不能这样做,那就好了

这是我设置代码的方法:

$( '#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 }
});

我建议使用跨浏览器兼容的轮子事件来重新实现这一点。在现代浏览器中,mousescroll和DOMousewoll已经被弃用,取而代之的是这一新事件。请阅读该页面上的所有文档,了解详细信息以及跨浏览器兼容addWheelListener功能的示例实现。