Question

我正在使用嵌入页面的画布应用程序。我有它所以你可以使用鼠标滚轮放大绘图但不幸的是，它滚动页面，因为它是文章的一部分。

当我在dom元素上鼠标滚动时，是否可以阻止鼠标滚轮在窗口上滚动？！

Answer 1

附加mousewheel（Not Gecko）/ DOMMouseScroll（非IE）的事件处理程序并阻止其默认操作（即滚动内容）：

if (element.addEventListener)
    element.addEventListener("DOMMouseScroll", function(event) {
        event.preventDefault();
    }, false);
else
    element.attachEvent("mousewheel", function() {
        return false;
    })

希望这有帮助！

Answer 2

我知道这已经过时了，但这可能对googlers有所帮助。

我已经编写了一个jQuery插件来处理这个问题： $.disablescroll 。

它不仅可以处理鼠标轮，还可以触摸通常触发滚动的触摸和按键事件。

// disable all scrolling:
$(window).disablescroll();

// enable scrolling again:
$(window).disablescroll("undo");

如何抑制窗口鼠标滚轮滚动...？

2 个答案: