パッシブイベントリスナーとは何ですか? 質問する

Question

パッシブイベントリスナーは、Chrome 51 で提供された新しい Web 標準であり、スクロールパフォーマンスを大幅に向上させる可能性のある新機能です。Chrome リリースノート。

これにより、開発者は、タッチおよびホイールイベントリスナーでスクロールをブロックする必要がなくなり、スクロールパフォーマンスを向上させることができます。

問題:すべての最新ブラウザには、負荷の高い JavaScript の実行中でもスクロールをスムーズに実行できるようにするスレッドスクロール機能がありますが、この最適化は、anytouchstartおよびハンドラの結果を待機する必要があるため部分的に無効になり、イベントをtouchmove呼び出すことでスクロールが完全に妨げられる可能性があります。preventDefault()

解決：{passive: true}

タッチリスナーまたはホイールリスナーをパッシブとしてマークすることで、開発者はハンドラーがpreventDefaultスクロールを無効にするために呼び出されないことを保証します。これにより、ブラウザーは JavaScript を待たずにすぐにスクロールに応答できるようになり、ユーザーにとって確実にスムーズなスクロールエクスペリエンスが保証されます。

document.addEventListener("touchstart", function(e) {
    console.log(e.defaultPrevented);  // will be false
    e.preventDefault();   // does nothing since the listener is passive
    console.log(e.defaultPrevented);  // still false
}, Modernizr.passiveeventlisteners ? {passive: true} : false);

DOM 仕様、デモビデオ、説明ドキュメント

Answer 1

パッシブイベントリスナーは、Chrome 51 で提供された新しい Web 標準であり、スクロールパフォーマンスを大幅に向上させる可能性のある新機能です。Chrome リリースノート。