キャプチャリングとバブリング Firefox編 - monjudoh’s diary

テクノロジーカテゴリーの変更を依頼記事元:

monjudoh.hatenablog.com

25 usersがブックマークコメント

コメント

5

記事へのコメント5件

注目コメント
新着コメント

mooz addEventListener 第三引数の違いを

javascript

2010/02/20 リンク

igaiga07 わかりやすかった

2009/06/05 リンク

efcl サイ本の17.2に詳しく書いてありますが、JavaScriptのDOM レベル2イベントでは、イベント伝播は3つの段階で構成されます。 1. キャプチャリングフェーズ 2. ターゲットノード自身でのイベントハンドラの実行 3. バブリン

2009/05/12 リンク

tohokuaiki captureとbubblingについて

2008/10/10 リンク

higeorange [js:event]

javascript

2008/05/11 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

キャプチャリングとバブリング Firefox編 - monjudoh’s diary

サイ本の17.2に詳しく書いてありますが、JavaScriptのDOM レベル2イベントでは、イベント伝播は3つの段... サイ本の17.2に詳しく書いてありますが、JavaScriptのDOM レベル2イベントでは、イベント伝播は3つの段階で構成されます。キャプチャリングフェーズターゲットノード自身でのイベントハンドラの実行バブリングフェーズ上図のように3つ入れ子になった要素の、外側から2つ目の要素をクリックした場合を例にとると、キャプチャリングフェーズでdocument→外側の要素→と伝播していき、ターゲットノードでのイベントハンドラ(あれば)が実行され、バブリングフェーズで→外側の要素→documentと伝播していきます。 DOMレベル0のイベントではターゲットノードでしかイベントハンドラの実行は出来ませんが、 DOMレベル2イベントではキャプチャリングフェーズ・バブリングフェーズでもイベントハンドラの実行が出来ます。検証用HTML 確認のためにdivの親子をそれぞれクリックして、

ブックマークしたユーザー

yhmt2012/06/21
kazutoyo_tk2011/07/02
fjwr382011/07/02
teppeis2010/09/27
mad-p2010/05/28
voidy212010/02/21
noreply2010/02/20
mooz2010/02/20
Yuichirou2010/02/19
sotarok2009/09/16
faerie2009/09/02
igaiga072009/06/05
efcl2009/05/12
tohokuaiki2008/10/10
tarchan2008/09/19
higeorange2008/05/11
issm2008/04/08
monjudoh2008/04/08

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx