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

Question

我有两个按钮："禁用滚动"和"启用滚动"，可以启用/禁用鼠标滚轮。 禁用滚动正常工作:

 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();

- makeitmorehuman

---

谢谢，但这是源jQuery mousewheel插件，是吗？我在这里没有看到如何启用/禁用鼠标滚动功能。我只想启用/禁用鼠标滚动。 - ოთო შავაძე