dom_dom0500_006

リンクのクリックでページ遷移を防ぐ正しい方法はどれですか?

[ html ]

<a href="https://example.com" id="myLink">リンク</a>
  1. event.stopPropagation();
  2. event.preventDefault();
  3. return false;
  4. link.stopDefault();
正解
  1. event.preventDefault();
解説

preventDefault()はブラウザのデフォルト動作(リンク遷移やフォーム送信など)を抑制します。

使用例(サンプルコード)

[ javascript ]

const link = document.getElementById("myLink");
link.addEventListener("click", (e) => {
  e.preventDefault();
  console.log("リンク遷移を防止しました");
});