javascript - 我如何使用鼠标悬停禁用 js 功能

Question

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

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

这是网站:ShareApe 3.0

我试图制作一个鼠标悬停事件来覆盖这个脚本，但我无法让它工作:

<script>
$(document).ready(function(){
  $(".main").onepage_scroll({
    sectionContainer: "section",
    responsiveFallback: 600
  });
});
</script>

所以我想做的是，当您的鼠标悬停在网站的文件选择“拖放文件”部分时，我希望禁用此功能。

Manny，感谢您的宝贵时间!

更新:

我已经使用了这个工作代码:

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

它可以工作，但不适用于 Firefox。

所以我尝试添加一些代码，但它对我不起作用:

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

var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel" //FF doesn't recognize mousewheel as of FF3.x

if (slideshow.attachEvent) //if IE (and Opera depending on user setting)
slideshow.attachEvent("on"+mousewheelevt, rotateimage)

else if (slideshow.addEventListener) //WC3 browsers
slideshow.addEventListener(mousewheelevt, rotateimage, false)

</script>

帕特里克法利兹

Answer 1

$('#fileUpload').on('DOMMouseScroll mousewheel', function(e) {
    e.stopPropagation();
});