JavaScriptのevent.preventDefault
はHTMLのリンクやチェックボックスなどによるイベントをキャンセルするメソッドです。
👽 イベントの伝搬(パブリング)とは
- クリックなどのイベントは子要素から親要素に伝搬される
event.preventDefault
はその要素のイベントをキャンセルする
🎃 サンプル
HTML内で次のようなリンクが存在したとします。
<p><a href="#" class="js-link-trigger">cilcka>p> |
このリンクによる画面の遷移をキャンセルするためのJavaScriptは次のとおりです。
$('.js-link-trigger').on('click', function(e) { |
すでにevent.preventDefault
が呼び出されている場合はevent.isDefaultPrevented
で確認できます。