web-dev-qa-db-ja.com

この文脈でバブリングとはどういう意味ですか？

これ 次のページがあります。

イベントを停止する場合（たとえば、デフォルトのアクションを防止してバブリングを停止する場合）、拡張イベントオブジェクトのEvent＃stopメソッドを使用してこれを行うことができます：

$('foo').observe('click', function(event) {
  event.stop();
});
javascriptprototyping
6
user20377

バブリングは DOMのイベントフローメカニズム です。ここで、「バブリング」として指定されたイベント（クリックイベントなど）は、ターゲットにディスパッチされた後、ターゲットの親チェーンを上方向にたどり、連続する各ターゲットに登録されているイベントリスナーをトリガーします。

つまり、次のようなDOMが与えられたとします。

<div id="foo">
  <div id="bar">
    <a href="/something">Click Target!</a>
  </div>
</div>

アンカーがクリックされたときにトリガーされるクリックイベントは、チェーン全体で発生し、div#barおよびdiv#fooのクリックハンドラーをトリガーします。

13
Rein Henrichs