ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript イベントバブリングとイベントキャプチャを実装する方法

JavaScript イベントバブリングとイベントキャプチャを実装する方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-19 14:29:262296ブラウズ

今回は、JavaScriptイベントバブルとイベントキャプチャの実装方法と、JavaScriptイベントバブリングとイベントキャプチャの実装における注意事項についてお届けします。実際のケースを見てみましょう。

イベントフローは、ページからイベントを受け取る順序を記述します。しかし、ブラウザが第 4 世代 (IE4 と Netscape Communicator4) に発展した当時、IE と Netscape の開発チームはそれぞれイベント フローの概念を提案しており、連続する 2 つのフローの概念はほぼ逆でした。以下の通り:

1. イベントバブリング: これは IE のイベントフローです。イベントバブリングとは、イベントが開始されると、最も具体的な要素 (最も具体的にはドキュメント内の最も深いネストされた要素) を 1 つずつ受信することを意味します。 を不特定のノード(ドキュメント)に多段的にアップロードします。

2. イベントキャプチャ: これは Netscape によって提案されたイベントストリームです。前述したように、2 つの順序はほぼ逆であるため、イベントキャプチャ順序は最も具体性の低いノード (ドキュメント) で受信され、最も深いノードに段階的に渡されます。要素が上がります。

例を見てみましょう:

<head>

イベントバブリングの例

以上がJavaScript イベントバブリングとイベントキャプチャを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。