[違反】スクロールブロックの「mousewheel」イベントに非パッシブなイベントリスナーを追加。
Element-uiをベースにしたプロジェクトを書くと、Chromeは次のような警告を出します。
[違反】スクロールブロックの「mousewheel」イベントに非パッシブなイベントリスナーを追加しました。
以下のように訳されています。
違反です。touchstart' イベントをブロックするパッシブイベントリスナーが追加されていません。ページをスムーズに表示するために、イベントマネージャー 'passive' の追加を検討してください。
これは、Chromeバージョン51以降、Chromeに新しいイベントキャッチの仕組みである「パッシブイベントリスナー」が追加されたことに起因しています。
パッシブ・イベント・リスナー これは、ページ内の旧イベントリスナーがイベントのデフォルト動作をブロックするために preventDefault 関数を呼び出すかどうかを伝えるもので、ブラウザはこの情報に基づいてページのパフォーマンスを最適化するためにより良い判断を下すことができます。passiveプロパティの値がtrueの場合、リスナーが内部でpreventDefault関数を呼び出してデフォルトのスワイプ動作を阻止しないことを意味し、Chromeはこれをパッシブリスナーと呼びます。Chromeは現在、スワイプのパフォーマンスを最適化するためにこの機能を使用しているため、パッシブイベントリスナー機能は現在、マウスホイール/タッチ関連のイベントのみをサポートしています。
解決策
1. npm i default-passive-events -S
2. main.jsに追加:import 'default-passive-events'
参照されています。 https://blog.csdn.net/dj0379/article/details/52883315
関連
-
mac git エラーを使用します。.git/FETCH_HEAD を開けない: パーミッションが拒否されました。
-
error: '}' トークンの前に未修飾のIDが必要です。
-
Bluetooth接続のタイムアウト現象
-
pythonのpandas_datareaderパッケージの紹介
-
アプリケーションのPagerAdapterがPagerAdapter#notifyDatを呼び出さずにアダプタの内容を変更しました。
-
AVD システムパスが見つかりません。Please define ANDROID_SDK_ROOT この問題は、必ずしもパス設定にあるわけではありません。
-
scp エラー: 通常のファイルではありません
-
Pythonの問題:SyntaxError:単一のステートメントをコンパイルする際に複数のステートメントが検出される
-
エクセル関数VLOOKUPの使い方一覧、十分です!
-
eclipseに「An error has occurred,See the error log for more details.java.lang.NullPointerException」と表示される。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン