Ruan Blog - 阮家森的博客 Ruan Blog - 阮家森的博客

[转载]关于js禁止浏览器缩放

in 日志,前端read (50) 站长Ruan 文章转载请注明来源!

转载,原文链接:https://www.cnblogs.com/xiaobaiou/p/10731062.html

原因:因chrome浏览器73版本之后为了减少用户触摸屏幕后更新显示所需的时间,将在文档级目标(窗口)上注册的wheel/mousewheel事件侦听器默认为passive(即:{passive: true})。而这样的设置将忽略此类侦听器内部的preventDefault()调用,从而使chrome下的禁止功能失效。

window.addEventListener('mousewheel', function(event){
    if (event.ctrlKey === true || event.metaKey) {
          event.preventDefault();
    }
},{ passive: false});

//firefox
 window.addEventListener('DOMMouseScroll', function(event){
    if (event.ctrlKey === true || event.metaKey) {
           event.preventDefault();
    }
},{ passive: false});
文章二维码

扫描二维码,在手机上阅读!

日志前端
最后由Ruan修改于2020-02-03 12:32

此处评论已关闭

PREVIOUS NEXT
雷姆
拉姆