リンクのクリックでページ遷移を防ぐ正しい方法はどれですか?
[ html ]
<a href="https://example.com" id="myLink">リンク</a>
- event.stopPropagation();
- event.preventDefault();
- return false;
- link.stopDefault();
正解
- event.preventDefault();
解説
preventDefault()はブラウザのデフォルト動作(リンク遷移やフォーム送信など)を抑制します。
使用例(サンプルコード)
[ javascript ]
const link = document.getElementById("myLink");
link.addEventListener("click", (e) => {
e.preventDefault();
console.log("リンク遷移を防止しました");
});