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

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

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

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

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

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

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

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

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