エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
SVGのevent bubblingについて調べてみた - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
SVGのevent bubblingについて調べてみた - Qiita
HTMLは子から親にイベントが連鎖したり、重なりがあった場合、下の要素にもイベントが連鎖したりする。 ... HTMLは子から親にイベントが連鎖したり、重なりがあった場合、下の要素にもイベントが連鎖したりする。 w3cとかみてもそれらしい記述がないのでSVGのイベント連鎖はどうなるのかしらべてみた。 結論を書くとこんな感じ。 イベントが発火した要素がgroup要素にはいっていた場合、その要素とgroup要素が発火します。※groupにはいっている他の要素は影響うけけない。 要素が2つ重なっていた場合は上にある要素だけが発火する。下側の要素には伝わらない。 svg要素内で発火したイベントはDOM上の親要素へと伝搬していく。 実験したコード <header> <h1>バブリング調査</h1> </header> <body onclick="alert('bodyでーす');"> <div id='svg-container' onclick="alert('divでーす。');" height="1

