ホームページ > 記事 > ウェブフロントエンド > バブルアップできないイベントは何ですか?
バブルできないイベントは次のとおりです: 1. focus イベント、2. Blur イベント、3. スクロール イベント、4. Mouseenter および MouseLeave イベント、5. Mouseover および MouseOut イベント、6. Mousemove イベント、7. keypressイベント; 8. beforeunload イベント; 9. DOMContentLoaded イベント; 10. カット、コピー、ペースト イベントなど。
このチュートリアルのオペレーティング システム: Windows 10 システム、DELL G3 コンピューター。
イベント バブリングでは、要素上でイベント (クリック、キーボード入力など) がトリガーされると、イベントはその要素の親要素に渡され、次にその親要素に渡されます。親要素の親要素が渡され、最も外側の要素 (通常はドキュメント オブジェクト) に到達するまで同様に渡されます。このイベント伝播方法はバブリングと呼ばれます。
ただし、一部のイベントはバブルアップしません。以下にバブルしないイベントをいくつか示します:
1. フォーカス イベント: ユーザーがテキスト ボックスまたは入力ボックスをクリックしてフォーカスを取得しても、バブル イベントはトリガーされません。 focus イベントは、ユーザーが Tab キーを使用して要素に切り替えた場合、またはスクリプトを使用して要素をフォーカスとして設定した場合にのみトリガーされます。
2. ブラー イベント: テキスト ボックスまたは入力ボックスがフォーカスを失うと、バブル イベントはトリガーされません。ぼかしイベントは、ユーザーが Tab キーを使用して要素を離れるか、スクリプトを使用してフォーカスを削除した場合にのみトリガーされます。
3. スクロール イベント: ユーザーがページをスクロールしても、バブリング イベントはトリガーされません。スクロール イベントは、ページが実際にスクロールされた場合にのみトリガーされます。
4、mouseenter および Mouseleave イベント: これらのイベントは、マウス ポインターが要素に出入りするときにのみトリガーされ、バブルしません。
5、mouseover イベントと Mouseout イベント: これらのイベントはバブルしますが、子要素でもトリガーされるため、mouseenter や Mouseleave とは異なります。
6. Mousemove イベント: マウスが要素内を移動しても、バブリング イベントはトリガーされません。 Mousemove イベントは、マウス ポインターが要素の境界を横切った場合にのみトリガーされます。
7. Keypress イベント: ユーザーがキーボードのキーを押しても、バブリング イベントはトリガーされません。 keypress イベントは、キーが放されて印刷可能な文字が生成された場合にのみ発生します。
8. beforeunload イベント: ウィンドウまたはタブがアンロードされようとしているとき、バブリング イベントはトリガーされません。 beforeunload イベントは、アンロード プロセスが開始される前にのみトリガーされます。
9. DOMContentLoaded イベント: HTML ドキュメントが完全にロードおよび解析され、スタイル シート、画像、およびサブフレームのロードが完了するのを待たない場合、バブリング イベントはトリガーされません。 DOMContentLoaded イベントは、ドキュメント全体が読み込まれた場合にのみトリガーされます。
10. イベントの切り取り、コピー、貼り付け: これらのイベントはバブルしません。これらは、ユーザーが切り取り、コピー、または貼り付けの操作を実行した場合にのみ起動されます。
これらのイベントは突然発生することはありませんが、他の手段を通じて広がる可能性があることに注意することが重要です。たとえば、addEventListener() メソッドを使用して、イベント ハンドラーを特定の要素に直接バインドできます。
以上がバブルアップできないイベントは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。