javascript - 跨浏览器启用/禁用鼠标滚轮

Question

我有 2 个按钮：“disable_scroll”和“enable_scroll”用于启用/禁用鼠标滚动。禁用滚动效果很好：

 var cancelscroll = function(e) {
      e.preventDefault();
 };

  $("#disable_scroll").on("click", function () {
       if ("onmousewheel" in document) { // for browser except FF
            document.onmousewheel = cancelscroll;
       } else { // for  FF
            document.addEventListener('DOMMouseScroll', cancelscroll);
       }
  });

但是当我想启用鼠标滚动时，我在 Firefox 中遇到了问题。在 Firefox 中，鼠标滚动不会打开（在其他浏览器中，此代码运行良好）。请任何人都可以帮助找到错误？

 $("#enable_scroll").on("click", function () {
            if ("onmousewheel" in document) { // for brouzers except FF
                document.onmousewheel = function(e){};
            } else { // for  FF
                document.addEventListener('DOMMouseScroll', function(e){});
            }
    });

Answer 1

这适用于任何地方：https ://github.com/brandonaaron/jquery-mousewheel/blob/master/jquery.mousewheel.js

你像这样使用它：

$('#test3')
                .hover(function() { log('#test3: mouseover'); }, function() { log('#test3: mouseout'); })
                .mousewheel(function(event, delta, deltaX, deltaY) {
                    log('#test3: I should not have been logged');
                })
                .unmousewheel();