javascript - mousewheel 或 e.stopPropagation 不适用于 firefox

Question

我目前正在做我的元素，我制作了一个水平滚动网站。

问题似乎是，当我的水平网页中有一个可滚动的 div(垂直)时，我无法再垂直滚动它。

这是网站:ShareApe.com

我已经使用了这个工作代码，但 firefox 似乎无法使用选项 mousewheel 或 e.stopPropagation();。

<script>
$(document).ready(function(){
 $('#fileUpload').on('mousewheel', function(e) {
  e.stopPropagation();
 });
});
</script>

我是通过这个网站来的http://www.javascriptkit.com/javatutors/onmousewheel.shtml但我不知道如何使用此修复程序。

非常感谢您的宝贵时间!

帕特里克法利兹

Answer 1

Firefox 不支持 .onmousewheel，您必须改用 DOMMouseScroll 事件:

$(document).on( "mousewheel DOMMouseScroll", function(e){
    e.preventDefault();
});

好的，所以我弄明白了。 firefox 没有问题 e.stopPropagation();但问题出在 moudewheel 功能上。所以我在 .on 中添加了“DOMMouseScroll”，它的效果非常好!