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


JS 事件中,火狐浏览器跟其余浏览器对鼠标滚轮事件的处理彻底不一样。javascript

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

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

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

禁止窗体滚动的 jQuery 示例:app

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