【JavaScript】event.preventDefault()とは

【JavaScript】event.preventDefault()とは

2023年2月7日

event.preventDefault()とは

ブラウザの動作を防ぐ

JavaScript でイベントを処理している場合、ブラウザの動作は必要ないことがよくあります。
それを防ぐことができます。

https://ja.javascript.info/default-browser-action

メニュークリックの例

menu.onclick = function(event) {
  if (event.target.nodeName != 'A') return;

  let href = event.target.getAttribute('href');
  alert( href ); // ...サーバからのロード、UIの生成など

  return false; // ブラウザ動作を防ぐ (URLへ行きません)
};

もし return false を省略すると、我々のコードを実行した後、ブラウザは “デフォルト動作” を行うでしょう – href の URL を辿ります。

https://ja.javascript.info/default-browser-action

hrefリンクを制御できるとのこと。

逆に、buttonをhrefリンクのように挙動させることも可能。