event.preventDefault()とは
ブラウザの動作を防ぐ
https://ja.javascript.info/default-browser-action
JavaScript でイベントを処理している場合、ブラウザの動作は必要ないことがよくあります。
それを防ぐことができます。
メニュークリックの例
menu.onclick = function(event) {
if (event.target.nodeName != 'A') return;
let href = event.target.getAttribute('href');
alert( href ); // ...サーバからのロード、UIの生成など
return false; // ブラウザ動作を防ぐ (URLへ行きません)
};
もし
https://ja.javascript.info/default-browser-actionreturn falseを省略すると、我々のコードを実行した後、ブラウザは “デフォルト動作” を行うでしょう –hrefの URL を辿ります。
hrefリンクを制御できるとのこと。
逆に、buttonをhrefリンクのように挙動させることも可能。
