JavaScript・jQueryでのイベントキャンセル

JavaScript・jQueryでブラウザ標準の処理をキャンセルできます。

HTML

<a href="#" id="sample">CLICK HERE</a>

1	<a href="#" id="sample">CLICK HERE</a>

jQuery

$('#sample').on('click', function(e) {
    e.preventDefault();
    alert("Do not clichk here.");
});

$('#sample').on('click', function(e) {

e.preventDefault();

alert("Do not clichk here.");

});

hrefの「#」に遷移することなく、alertが表示されます。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。