javascript - onMouseWheel イベントをキャッチして、他の場所で処理されないようにする方法

Question

ページ全体のイベントをキャッチしたいのonMouseWheelですが (カスタム スクロールを行っているコンテキストでは)、それを処理するページ上の他のすべても停止する必要があります。これはどのように行うことができますか？

前もって感謝します。

Answer 1

あなたは電話するべきです

event.preventDefault();

イベント処理後。

このような：

window.addEventListener("onMouseWheel", function(event) {
    // process the event for custom scrolling

    event.preventDefault();
    event.stopPropagation();
}, true);

Answer 2

次のように jquery で実行できます。

$(function(){
    $('*:not(body)').on('mousewheel',function(e){
        e.preventDefault();
        e.stopPropagation();
    });
});

純粋な JavaScript を使用した代替ソリューション:

var ele = document.querySelectorAll('*:not(body)');
ele.forEach(function(i){
    ele[i].addEventListener('mousewheel',function(e){
        e.preventDefault();
        e.stopPropagation();
    },false);
});