今回はaタグにonclick属性を付加しJavascriptを動かす際に、hrefによるページ遷移をしないようにするための記述方法を紹介します。
これ、使う度に忘れてしまっていて毎回調べるんですよね…。
<a href="#" onclick="test();return false;">スクリプト実行</a>
<script>
function test(){
alert('実行しました。');
}
</script>
上記のようにonclick属性内に、return false;をくっつけることで実行後のページ遷移を無効にすることができます。
意外と使う機会があるので覚えておくとよいかと思います。
タドワークスのウェブサイトでは【コピペで使える】シリーズとして、実業務でよく使うサンプルコードをまとめていますのでよろしければ是非ブックマークをしておいて頂ければと思います。