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

Question

我正在尝试使用 JavaScript阻止Chrome 中的默认Ctrl+MouseWheel缩放行为，对于我使用的其他浏览器preventDefault()以及stopPropagation()鼠标滚轮事件的回调函数，并且工作完美，因为其他浏览器总是触发鼠标滚轮事件，但 Chrome 不会.

阅读问题如何使用 GWT 和 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>

Answer 2

CTRL不幸的是，在 Chrome 中无法拦截或阻止+ 滚轮（缩放）事件。

此问题正在https://code.google.com/p/chromium/issues/detail?id=111059进行跟踪。给问题加注星标以获取（进度）更新通知。