JavaScript实现鼠标滑动监听事件

非火狐(Firefox)浏览器

复制代码
document.onmousewheel = function(e) {
    var e = e || window.event;
    if (e.wheelDelta < 0) {
        //鼠标下滑事件
    }
    if (e.wheelDelta > 0) {
        //鼠标上滑事件
    }
}
复制代码

火狐(Firefox)浏览器

复制代码
document.addEventListener("DOMMouseScroll", function(e) {
    var e = e || window.event;
     if (e.detail > 0) {
        //鼠标下滑事件
    }
     if (e.detail < 0) {
        //鼠标上滑事件
    }
}, false);
复制代码

火狐浏览器(Firefox)不支持mousewheel

posted @   富瑞阿得  阅读(413)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示