vue项目禁止浏览器网页缩放

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

原创最新推荐文章于 2025-05-22 09:16:29 发布 · 1.2k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

vue 专栏收录该内容

47 篇文章

订阅专栏

这篇博客介绍了如何通过JavaScript监听并阻止浏览器的Ctrl+鼠标滚轮滚动事件。在`app.vue`中添加了代码，分别处理Chrome等浏览器的`mousewheel`事件和Firefox的`DOMMouseScroll`事件，当检测到用户按下Ctrl键或Meta键时，阻止默认的页面滚动行为，确保特定功能的正常运行。

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

1.在app.vue加入代码

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