snaka72 https://blog.hatena.ne.jp/snaka72/ 今日もスミマセン。 https://snaka72.hatenadiary.org/ dom Web上でUIをマジメに作ろうとするとイベントの仕組みをちゃんと理解しておく必要がある。jQueryとか便利なライブラリつかえばある程度簡単にできるんだろうけど、いろいろ制約あってそれらのライブラリが使えない場合もあるので、ちゃんと理解するためにメモしておく。 イベント伝播の順番 W3Cのドキュメントに分かりやすい図があったので引用する。 The capture phase: the event is dispatched to the target's ancestors from the root of the tree to the direct parent of the target… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsnaka72.hatenadiary.org%2Fentry%2F20100925%2F1285404467" title="addEventListener()の第３引数の意味とかをちゃんと理解する為のメモ - 今日もスミマセン。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://www.w3.org/TR/2003/NOTE-DOM-Level-3-Events-20031107/images/eventflow.png Hatena Blog https://hatena.blog 2010-09-25 17:47:47 rich https://snaka72.hatenadiary.org/entry/20100925/1285404467 1.0 100%