Jquery 鼠标滚轮事件

最新推荐文章于 2025-09-04 18:55:33 发布

转载最新推荐文章于 2025-09-04 18:55:33 发布 · 82 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaocandou/p/4671168.html

文章标签：

#javascript #ViewUI

本文详细介绍了如何解决Firefox6中鼠标滚轮事件处理的问题，通过特定代码实现与其他浏览器兼容，包括事件监听器的使用和不同浏览器事件阻止方式的对比。

http://blog.meathill.net/tech/js/disabled-mouse-wheel-js.html

发现ie9、chrome、opera都好使，唯独特殊处理的Firefox 6不行，经过反复调试发现其它浏览器在事件处理函数中return false就行了，Firefox比较特殊，使用以下代码后测试通过：

function disabledMouseWheel() {
  if (document.addEventListener) {
    document.addEventListener('DOMMouseScroll', scrollFunc, false);
  }//W3C
  window.onmousewheel = document.onmousewheel = scrollFunc;//IE/Opera/Chrome
}
function scrollFunc(evt) {
  evt = evt || window.event;
    if(evt.preventDefault) {
    // Firefox
      evt.preventDefault();
      evt.stopPropagation();
    } else {
      // IE
      evt.cancelBubble=true;
      evt.returnValue = false;
  }
  return false;
}
window.onload=disabledMouseWheel;

转载于:https://www.cnblogs.com/xiaocandou/p/4671168.html