☰

Select Tag のパッシブ イベント リスナーで質問する

tag-icon • tag-icon javascript jquery html css
Select Tag のパッシブ イベント リスナーで質問する

選択要素をクリックすると、次の警告が表示されます:

[違反] スクロールをブロックする「マウスホイール」イベントに非パッシブ イベント リスナーを追加しました。ページの応答性を高めるには、イベント ハンドラーを「パッシブ」としてマークすることを検討してください。

問題は、これによって Google Chrome の HTML ページの高さも拡大されることです。Chrome バージョン 59.0.3071.86 (公式ビルド) (64 ビット) でテスト済み。Firefox ではこの問題は発生しません。

シンプルなコード:https://jsfiddle.net/gurigraphics/2399mnyb

<div>
  <select>
    <option>Option</option>
  </select>
</div>

スクロール バーをカスタマイズすると、「マウス ホバー」でも同じことが起こります。

より良い解決策は何でしょうか? 私は次のような理論を見つけました:https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md

ベストアンサー1

Chrome は、スクロールをブロックするイベントが発生するたびに自動的にログに記録します。Chrome の DevTools を使用して、選択ボックスにマウスホイール リスナーがないことを確認しましたが、それでも発生します。

コンソールで「Verbose」をオフにすることをお勧めします。

おすすめ記事