禁止在浏览器使用鼠标滑轮

做全屏动画时候,一般不喜欢用户点击右键进入其他的选项中。所以在很多场景中需要禁止在浏览器使用鼠标滑轮

    //鼠标滚轮事件:onscroll: window的事件
    
    //IE Chrome兼容 onmousewheel:鼠标滚轮事件 火狐下不兼容
    document.onmousewheel = function(){
        alert('ccc');
    }
    
    //火狐鼠标滚轮事件,DOMMouseScroll(DOMs事件必须绑定才能加有效)
    document.addEventListener('DOMMouseScroll', function (){

        //alert('火狐兼容的滚轮事件');
    })

    //兼容完整处理 通过浏览器判断
    var browser = window.navigator.userAgent.toLowerCase().indexOf('firefox');
    if (browser != -1) {
        document.addEventListener('DOMMouseScroll', function(){
           return false;
        })
    }else{
        document.onmousewheel =function(){
            return false;
        }
    }

转载请注明来源:新一 » 禁止在浏览器使用鼠标滑轮

赞 (0) 评论 (1) 分享 ()

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 咚门我是直接用body overflow:hidden来暂时禁止的。回复