イベントハンドラーを「パッシブ」としてマークして、ページの応答性を高めることを検討してください

ドラッグにハンマーを使用していますが、この警告メッセージが私に伝えているように、他のものをロードするときにハンマーが途切れます。

メインスレッドがビジー状態のため、 'touchstart'入力イベントの処理がXミリ秒遅れました。ページの応答性を高めるために、イベントハンドラーを「パッシブ」としてマークすることを検討してください。

だから私はそのようにリスナーに「パッシブ」を追加しようとしました

Hammer(element[0]).on("touchstart", function(ev) {
  // stuff
}, {
  passive: true
});

しかし、私はまだこの警告を受けています。

この警告を初めて受け取った人にとっては、かなり最近（夏2016）ブラウザーに実装されたパッシブイベントリスナーと呼ばれる最先端の機能が原因です。https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.mdから：

パッシブイベントリスナーはDOM仕様の新機能であり、開発者はタッチとホイールのイベントリスナーをスクロールする必要がないため、スクロールパフォーマンスを向上させることができます。開発者は、タッチリスナーとホイールリスナーに{passive：true}の注釈を付けて、preventDefaultを呼び出さないことを示すことができます。この機能はChrome 51、Firefox 49に同梱され、WebKitに搭載されました。完全な公式説明については、こちらをご覧ください。

参照：パッシブイベントリスナーとは

.jsライブラリがサポートを実装するのを待つ必要があるかもしれません。

JavaScriptライブラリーを介して間接的にイベントを処理している場合、その特定のライブラリーがこの機能をサポートしていることに気付く場合があります。2019年12月の時点では、主要なライブラリのいずれもサポートを実装していないようです。いくつかの例：

• jQuery.js-進行中の問題：https : //github.com/jquery/jquery/issues/2871
• React.js-進行中の問題：https : //github.com/facebook/react/issues/6436
• Hammer.js-フォローアップがないため閉鎖：https : //github.com/hammerjs/hammer.js/pull/987
• perfect-scrollbar-クローズ：https : //github.com/noraesae/perfect-scrollbar/issues/560
• AngularJS-修正されないため閉じられました：https：//github.com/angular/angular.js/issues/15901

これにより、警告メッセージが非表示になります。

jQuery.event.special.touchstart = 
{
  setup: function( _, ns, handle )
  {
    if ( ns.includes("noPreventDefault") ) 
    {
      this.addEventListener("touchstart", handle, { passive: false });
    } 
    else 
    {
      this.addEventListener("touchstart", handle, { passive: true });
    }
  }
};

Laravelのselect2ドロップダウンプラグインでもこれに遭遇します。からアルフレッドウォレスによって提案された値を変更する

this.element.addEventListener(t, e, !1)

に

this.element.addEventListener(t, e, { passive: true} )

問題を解決します。なぜ彼が反対票を投じたのか、私にはわかりませんが、それは私には有効です。

レガシー問題で立ち往生している人のために、エラーをスローしている行を見つけて追加してください{passive: true}-例：

this.element.addEventListener(t, e, !1)

なる

this.element.addEventListener(t, e, { passive: true} )

jQuery 3.4.1スリムで動作するソリューションを見つけました

縮小後、次の{passive: true}ように1567行でaddEventListener関数に追加します。

t.addEventListener(p, a, {passive: true}))

何も壊れておらず、灯台の監査はリスナーについて不満を言っていません。