バブルアップできないイベントは何ですか?

百草
リリース: 2023-11-20 15:00:56
オリジナル
1205 人が閲覧しました

バブルできないイベントは次のとおりです: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!