google-chrome - Chrome - Javascript 阻止默认的 Ctrl + MouseWheel 行为

Question

我正在尝试使用 JavaScript 阻止 Chrome 中默认的 Ctrl+MouseWheel 缩放行为，而对于我使用的其他浏览器 preventDefault() 和 stopPropagation() 在鼠标滚轮事件的回调函数中，效果非常好，因为其他浏览器总是触发鼠标滚轮事件，但 Chrome 不会。

阅读问题How to catch Zoom event with GWT and Chrome 我发现 Ctrl + MouseWheel 可以作为调整大小事件捕获，但在缩放页面后，所以我无法阻止此行为。

Chrome 中的 Ctrl+MouseWheel 之前是否创建了其他事件或者是一个错误？

Answer 1

尝试阻止窗口/文档/正文的缩放并不能真正起作用，但是用 div 包裹正文的内容并阻止缩放就可以了。

document.getElementById('root').addEventListener('wheel', event => {
  if (event.ctrlKey) {
    event.preventDefault()
  }
}, true)

#root {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: silver;
}

<div id="root">no zoom allowed</div>