js实现禁止网页缩放

最新推荐文章于 2025-05-22 09:16:29 发布

大可-

最新推荐文章于 2025-05-22 09:16:29 发布

阅读量850

点赞数 8

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_55333789/article/details/136150460

本文介绍了如何使用JavaScript在Firefox和Chrome中阻止鼠标滚轮滚动以及键盘上的加减、小数点、左箭头、右箭头和减号键的功能，通过监听`mousewheel`、`DOMMouseScroll`和`keydown`事件并检查特定键组合来实现预阻止动作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

禁止滑轮：

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