javascript - Onmousewheel 事件和 Mozilla Firefox

Question

我试图根据滚轮滚动的方向改变元素的不透明度(如果滚轮“向上”，不透明度变为 1.0，否则为 0.3)，所以我附加了一个事件 onmousewheel="改变(事件)；”到 html 主体并在 JS 中执行以下操作:

function transp(e){
    var element = document.getElementById("elem");

    if(e.wheelDelta >= 120){
        element.classList.remove('scroll-minus');
        element.classList.add('scroll-plus');
    }
    else if(e.wheelDelta <= -120){
        element.classList.add('scroll-minus');
        element.classList.remove('scroll-plus');
    }
}

我不会费心发布 CSS3 信息，它只是 CSS3 的东西，比如不透明度:0.2/1.0，过渡:2s...CSS 不是问题

这在 google chrome 和 IE 上完美运行，但 firefox 不接缝以收听 onmousewheel 事件。是否有任何其他类似的事件可以收听？如何使用？

Answer 1

mousewheel event是非标准的，在 Firefox 中不受支持。您可以使用 wheel event相反，它是标准化的，尽管还没有完全支持。所以如果你想要一个跨浏览器的解决方案，你可能不得不混合这些事件，或者使用 scroll event相反。