
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JavaScriptのEvent Propagationとは? - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JavaScriptのEvent Propagationとは? - Qiita
onclickイベントを設定しているのは親のdiv要素ですが、ボタンをクリックしてもイベントが発火して「cli... onclickイベントを設定しているのは親のdiv要素ですが、ボタンをクリックしてもイベントが発火して「clicked!」が表示されました。考えてみれば不思議ですよね。なぜ実際のクリックがボタンに対してなされてもdiv上のハンドラが実行されるのでしょうか。それは、イベントプロパゲーションという仕組みが背後で作用しているためなのです。 イベントプロパゲーション イベントプロパゲーションとは、イベントがどのようにDOMツリーを伝搬してターゲットに到達し、戻ってくるかを定義するメカニズムです。 イベントプロパゲーションのコンセプトを理解するためには、まずDOMが階層構造を有していることを理解する必要があります。例えば、上記のHTMLの例を図にして詳しく見てみると以下のようになります。 DOMツリーの最上位にWindowオブジェクトが配置されています。その下にDocumentオブジェクトが配置され