jquery中如何关闭鼠标滚轮

Aga*_*ata 1 html javascript css jquery mousewheel

我想在 jQuery 中禁用鼠标滚轮,我做到了,但收到此错误

jquery.min.js:2 [干预] 由于目标被视为被动,因此无法防止被动事件侦听器内的默认行为。请参阅https://www.chromestatus.com/features/6662647093133312

这是JS文件中的代码:

$(document).ready(() => {
  $(window).bind("mousewheel", function() {
    return false;
  });
})
Run Code Online (Sandbox Code Playgroud)

Ror*_*san 7

问题是因为您无法调用preventDefault()被动事件,例如mousewheelis - 等。

要解决此问题,您可以passive: false在绑定事件处理程序时设置:

window.addEventListener('wheel', e => e.preventDefault(), {
  passive: false
});
Run Code Online (Sandbox Code Playgroud)
/* just to make the scrollbar appear in this demo */
body { height: 5000px; }
Run Code Online (Sandbox Code Playgroud)

但是,我强烈建议您不要这样做。阻止用户使用非常流行的鼠标滚轮浏览您的网站将会让您的用户非常烦恼 - 并可能让他们认为您的网站出现故障。