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


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;
                }
            });


posted @ 2016-11-10 16:51  <码仔>  阅读(839)  评论(0编辑  收藏  举报