jQuery の delegate_jquery は、ページ上の他の場所をクリックして div を非表示にすることを考えました。

JavaScript と HTML の相互作用を参照してください。 - イベント、この記事の焦点では​​ないため、ここではイベント バブリングについて簡単に紹介します。

イベントバブリング

IE のイベント バブリング: イベントは最初に最も具体的な要素によって受信され、その後、より具体的な要素に上方に伝播します

Netscape のイベント キャプチャ: イベント バブリングとは対照的に、特定性の低いノードはイベントを早く受け取り、最も特定的な要素は最後にイベントを受け取ります。

DOM イベント フロー: DOM レベル 2 イベントでは、イベント フローに、ターゲット ステージにあるイベント キャプチャ ステージと、イベント バブリング ステージの 3 つのステージが含まれると規定されています。最初に行われるのは、イベント キャプチャです。イベントを傍受する機会があり、その後実際のターゲットがイベントを受け取り、最後にバブル文の段階になります。

Opera、Firefox、Chrome、Safari はすべて DOM イベント ストリーミングをサポートします。IE はイベント ストリーミングをサポートせず、イベント バブリングのみをサポートします。

次の HTML がある場合、div 領域をクリックすると、さまざまなモデル イベント要素のクリック イベント トリガー シーケンスは次のようになります。