hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery监听鼠标上滚或下滚的事件

墨初 Web前端 17阅读

jquery可以通过监听鼠标的滚轮事件来实现非常有意思的效果,下面的博文73so博客先说一说jquery监听鼠标滚轮事件的方法。

jquery监听鼠标滚轮事件的方法

jquery中的mousewheel方法可以监听鼠标的滚轮事件,当监听到滚轮事件触发时originalEvent.wheelDelta可以获取到鼠标滚动的距离,如果是正数则表示向上滚动,如果为负数则表示向下滚动。

例:

// https://www.73so.com
$(window).on('mousewheel', function(e){
    // 鼠标滚动的距离
    var delta = e.originalEvent.wheelDelta;
    // 判断鼠标向上滚动还是向下滚动
    if(delta > 0){
        console.log('向上滚动');
    }else{
        console.log('向下滚动');
    }
});

除了上面jquery中的mousewheel()方法外,还可以通过scroll()、.bind()、.live()等方法来判断鼠标滚轮的变动,大家可根据自身的需求选择即可。

声明:无特别说明,转载请标明本文来源!
发布评论
正文 取消