JavaScript event.preventDefaultについて


JavaScriptのevent.preventDefaultはHTMLのリンクやチェックボックスなどによるイベントをキャンセルするメソッドです。

👽 イベントの伝搬(パブリング)とは

  • クリックなどのイベントは子要素から親要素に伝搬される
  • event.preventDefaultはその要素のイベントをキャンセルする

😼 サンプル

HTML内で次のようなリンクが存在したとします。

<p><a href="#" class="js-link-trigger">cilck</a></p>

このリンクによる画面の遷移をキャンセルするためのJavaScriptは次のとおりです。

$('.js-link-trigger').on('click', function(e) {
e.preventDefault();
alert("stop link event");
});

すでにevent.preventDefaultが呼び出されている場合はevent.isDefaultPreventedで確認できます。

🚌 参考リンク

🖥 VULTRおすすめ

VULTR」はVPSサーバのサービスです。日本にリージョンがあり、最安は512MBで2.5ドル/月($0.004/時間)で借りることができます。4GBメモリでも月20ドルです。 最近はVULTRのヘビーユーザーになので、「ここ」から会員登録してもらえるとサービス開発が捗ります!

📚 おすすめの書籍