JS滚轮事件(mousewheel/DOMMouseScroll)了解

最新推荐文章于 2021-09-02 16:42:51 发布

weixin_30879833

最新推荐文章于 2021-09-02 16:42:51 发布

阅读量128

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ice-/p/6165778.html

版权

JS 事件中，火狐浏览器跟其他浏览器对鼠标滚轮事件的处理完全不同。

其他浏览器大都使用mousewheel事件,，然而火狐浏览器使用的是 DOMMouseScroll 事件。

其中的具体信息移步张鑫旭大神的博客。

各个浏览器鼠标滚动事件对象的兼容性差异实例页面

禁止窗体滚动的 jQuery 示例:

            //播放弹窗显示时，禁止窗体滚动
            $("html").on("mousewheel DOMMouseScroll", function (event) {
                if (!$(".app-songPlayer").is(":hidden")) {
                    var top = $(this).scrollTop();
                    $(this).scrollTop(top);
                    event.preventDefault();
                    event.stopPropagation();
                    return false;
                }
            });

转载于:https://www.cnblogs.com/ice-/p/6165778.html