plarail_hangout https://blog.hatena.ne.jp/plarail_hangout/ Engineering Tech Dojo https://tech.fun-toy-life.com/ JavaScript TypeScript ブラウザイベント入門：キーボード・マウス・フォーカスの発火順序 イベントの伝播：3つのフェーズ ブラウザのイベントは次の3フェーズで伝播します。 ① キャプチャリング：document → 親 → 対象要素（上から下） ② ターゲット：対象要素でイベント処理 ③ バブリング：対象要素 → 親 → document（下から上） <div id="parent"> <button id="child">クリック</button> </div> const parent = document.getElementById('parent')! const child = document.getEl… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.fun-toy-life.com%2Fentry%2F2026%2F06%2F08%2F093901" title="ブラウザイベント入門：キーボード・マウス・フォーカスの発火順序 - Engineering Tech Dojo" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-06-08 09:39:01 rich https://tech.fun-toy-life.com/entry/2026/06/08/093901 1.0 100%