jQueryにおけるデフォルトアクションのキャンセル

ご存知の通り、JavaScriptにおけるユーザーアクションは、 event.preventDefault() を使ってキャンセルできます。 フォームデータの送信と、それに続くイベントのバブリングを防止してみましょう：

javascript$('form').on('submit', function(event) {
  event.preventDefault();
});

フォームデータの送信のみを防止し（イベントのバブリングは防止せず）、 jQueryスタイルで行うこともできます。そのためには、 イベントハンドラー関数がfalseを返す必要があります：

javascript$('form').on('submit', function() {
  return false;
});

もちろん、リンクのクリックなど、あらゆるイベントをキャンセルできます。 例えば、HTMLコードに次のようなリンクがあるとします：

html<a href="/">link</a>

それでは、アクションのキャンセルを利用してみましょう：

javascript$('a').on('click', function () {
  alert('このリンクをたどることはできません！');
  return false;
});