javascript实现禁止鼠标滚轮事件

ASP教程 2025-07-31

这篇文章主要介绍了javascript实现禁止鼠标滚轮事件的相关资料,需要的朋友可以参考下

平时我们兼容什么东西总是在调整低版本IE的兼容性,但是这回不是因为低版本浏览器不给力。而是因为火狐给力过头了,完全不顾其它浏览器的感受标新立异了。除了火狐之外,所有的浏览器都可以使用MouseWheel事件来处理鼠标滚轮的响应。但是火狐却偏偏不支持MouseWheel,而使用无厘头的DOMMouseScroll,这玩意儿除了火狐以外其它浏览器都不兼容。也就是说,对于鼠标滚轮事件的处理,火狐只能使用DOMMouseScroll。而非火狐则只能使用MouseWheel。这两种事件实现的原理不同,他们处理的数据也不同。

  1. varfirefox=navigator.userAgent.indexOf('Firefox')!=-1;
  2. firefox?img.addEventListener('DOMMouseScroll',MouseWheel,false):
  3. (img.onmousewheel=MouseWheel);
  4. functionMouseWheel(e){
  5. e=e||window.event;
  6. if(e.stopPropagation)e.stopPropagation();
  7. elsee.cancelBubble=true;
  8. if(e.preventDefault)e.preventDefault();
  9. elsee.returnValue=false;
  10. }

我们来看个完整的代码

  1. 使用鼠标滚轮调整数值大小
  2. 0
  • 以上所述就是本文的全部内容了,希望大家能够喜欢。