js实现禁止网页缩放（Ctrl+鼠标、+、-缩放有效亲测）

ゞ浴缸里的玫瑰 2023-09-28 13:23 19阅读 0赞

![在这里插入图片描述][e3c0339554ed4bf6a31cd38ff4d03820.png]

> 背景：现在是凌晨1：35我还在帮客户修改网页，要求不高但来钱快，学生党不容易啊，客户提到了很多网页的优化，其中这一条  
> 让我头疼了许久，大家就不用踩坑了，看下面的就可以了

禁止滑轮：

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

禁止+、- ：

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

完整代码：

<script>
    //luwenjie hualun
          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});
    //+_
    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);
    }
    
    
    </script>

看个轮廓就可以了哈，反正两个都不会缩放，今天就到这里！  
![在这里插入图片描述][416acf8a9fb04cff81ca6fd2ee2eeef7.png]

[e3c0339554ed4bf6a31cd38ff4d03820.png]: https://img-blog.csdnimg.cn/e3c0339554ed4bf6a31cd38ff4d03820.png
[416acf8a9fb04cff81ca6fd2ee2eeef7.png]: https://img-blog.csdnimg.cn/416acf8a9fb04cff81ca6fd2ee2eeef7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，19人围观）

还没有评论，来说两句吧...

相关阅读

相关 js实现禁止网页缩放（Ctrl+鼠标、+、-缩放有效亲测）

![在这里插入图片描述][e3c0339554ed4bf6a31cd38ff4d03820.png] > 背景：现在是凌晨1：35我还在帮客户修改网页，要求不高但来钱快，学生

ゞ浴缸里的玫瑰/ 2023年09月28日 13:23/ 0 赞/ 20 阅读

相关【H5】解决ios禁止缩放失效的方法（亲测有效）

<script> window.onload=function () { document.addEventListener(

超、凢脫俗/ 2023年01月06日 11:58/ 0 赞/ 182 阅读

相关 Raphael Js实现以鼠标中心缩放paper

主要逻辑就是计算缩放前后鼠标所在位置偏差，来调整view起点坐标到鼠标点。 var scale; window.onload=function(){

落日映苍穹つ/ 2022年09月22日 04:00/ 0 赞/ 169 阅读

相关 js图片缩放

感谢：https://zhidao.baidu.com/question/499471536.html 记录下关键代码： <html> <head

谁践踏了优雅/ 2022年07月14日 06:51/ 0 赞/ 339 阅读

相关禁止ios网页缩放

1. meta 2. JS 禁用双指缩放: document.documentElement.addEve

我不是女神ヾ/ 2022年06月06日 11:51/ 0 赞/ 269 阅读

相关 webstorm ctrl + 鼠标滚轮缩放字体

打开webstorm, File->setting->Editor->General,然后将Change font size (Zoom) with Ctrl+Mouse Wh

忘是亡心i/ 2022年06月04日 00:57/ 0 赞/ 252 阅读

相关点击button缩放div，网页局部缩放

绑定button的onclick事件zoomOut，zoomIn。依赖于jquery。使用transform缩放 domObj //缩小 zoomOut=function(

r囧r小猫/ 2022年03月21日 04:42/ 0 赞/ 475 阅读

相关禁止缩放meta标签

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,ma

素颜马尾好姑娘i/ 2021年12月01日 12:58/ 0 赞/ 373 阅读

相关滑动鼠标图片缩放

<img id="chgImg" src="img/1.jpg" width="760"

悠悠/ 2021年11月05日 15:26/ 0 赞/ 388 阅读

相关手机网页怎么禁止缩放

转自：[http://www.educity.cn/wenda/78423.html][http_www.educity.cn_wenda_78423.html]

╰+哭是因爲堅強的太久メ/ 2021年06月24日 14:35/ 0 赞/ 612 阅读