dom_dom0500_005

イベントが親要素へ伝播しないようにする方法はどれですか？

  1. event.preventDefault()
  2. event.stopPropagation()
  3. event.stopImmediate()
  4. return false;
正解
  1. event.stopPropagation()
解説

stopPropagation()はイベントの伝播（バブリング／キャプチャリング）を止めます。preventDefault()はデフォルト動作を抑制するだけです。

使用例（サンプルコード）

[ javascript ]

child.addEventListener("click", (e) => {
  e.stopPropagation();
  console.log("子要素のクリックで伝播停止");
});