mousewheel,DOMMouseScroll判断滚轮滚动方向

最新推荐文章于 2021-07-28 11:24:37 发布

转载最新推荐文章于 2021-07-28 11:24:37 发布 · 480 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gxsyj/p/5946729.html

本文介绍如何在Firefox及其它浏览器中实现统一的鼠标滚轮事件监听。针对Firefox使用DOMMouseScroll事件，而对于其它浏览器则采用mousewheel事件。文章详细解释了如何通过JavaScript判断鼠标滚轮的滚动方向。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

firefox使用DOMMouseScroll,其他浏览器使用mousewheel

首先绑定一个滚动事件

//firefox使用DOMMouseScroll,其他浏览器使用mousewheel
$(document).bind('mousewheel DOMMouseScroll',mouseScroll);

当滚动时获取wheelDelta值，firefox使用detail:值为下滚3上滚-3,其他浏览器使用wheelDelta:值为下滚-120上滚120，通过判断其值为正或者负即可判断鼠标滚轮上滚还是下滚

function fullscreenScroll(e){
    var delta = -e.originalEvent.wheelDelta || e.originalEvent.detail;//firefox使用detail:下3上-3,其他浏览器使用wheelDelta:下-120上120//下滚
    if(delta>0){
        console.log('下滚')；
    }
    //上滚
    if(delta<0){
        console.log('上滚');
    }
}