javascript 实现禁止用户使用ctrl + - 鼠标滚轮进行网页缩放

禁止ctrl 加 ‘+’ ‘-’ 控制网页缩放

vue项目的话 将代码贴到App.vue的script标签下

window.onload = function() {
  document.addEventListener('keydown', function (event) {
        if ((event.ctrlKey === true || event.metaKey === true)
            && (event.which === 61 || event.which === 107
            || event.which === 173 || event.which === 109
            || event.which === 187  || event.which === 189))
        {
            event.preventDefault();
        }
    }, false);
}

禁止ctrl 加 鼠标滚轮控制网页缩放

这个我在网上找到的方法没有效果，后来看到有一篇文章说应该给触发事件的passive属性设置false 就可以实现了

var scrollFunc=function(e){
 e=e || window.event;
 if(e.wheelDelta=='120'||e.wheelDelta=='-120'){      //IE/Opera/Chrome
  event.returnValue=false;
 }else if(e.detail){            //Firefox
  event.returnValue=false;
 }
 }
           /*注册事件*/
 if(document.addEventListener){
 document.addEventListener('DOMMouseScroll',scrollFunc,false);
 }   //W3C
//  window.onmousewheel=document.onmousewheel=scrollFunc;   //IE/Opera/Chrome/Safari
 document.addEventListener('mousewheel',scrollFunc,{passive:false})

将最后一行代码换一下就可以了