javascript - Firefoxのwindow.onmousewheel

Question

このコードは、ドキュメントをクリックしたときにマウスのスクロール機能を無効にしました。

$(document).on("click", function () {
    window.onmousewheel = function (e) {
        e.preventDefault();
    }
});

ただし、これはFirefoxを除くすべてのブラウザで機能します。このコードをクロスブラウザとして作成する方法を教えてください。

Answer 1

Firefoxはサポートしていません。代わりに、イベント.onmousewheelを使用する必要があります。DOMMouseScroll

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

Answer 2

onmousewheelFirefoxはこのイベントの名前をサポートしていません。DOMMouseScroll代わりに、イベントでそれを行う必要があります。

onmousewheelサポートされているかどうかを検出するには、次のようにします。

var cancelscroll = function(e) {
    e.preventDefault();
};

if ("onmousewheel" in document) {
    document.onmousewheel = cancelscroll;
} else {
    document.addEventListener('DOMMouseScroll', cancelscroll, false);
}

DOM対応でこれを行う必要はないことに注意してください。ドキュメントはいつでもバインドできるため、すぐに行うことができます。

---

いずれの場合も、イベントリスナーを削除する方法を尋ねます。同様の条件付きでうまくいきます。

if ("onmousewheel" in document) {
    document.onmousewheel = function() {};
} else {
    document.removeEventListener('DOMMouseScroll', cancelscroll, false);
}

Answer 3

（新しい）標準化されたイベントを使用できますwheel。ドキュメント：

• W3C標準：DOMレベル3イベント
• Mozilla開発ネットワーク
• Quirksmode互換性チャート（最先端のバージョンはリストされていません）

これは、OSX（10.9.3）のFirefoxv29.0.1およびChromev35.0.1916.114で機能しますが、Safariv7.0.4では機能しないことがわかりました。