【コピペで使える】aタグでonclick属性を使う際にhrefのページ遷移を無効化する方法

今回はaタグにonclick属性を付加しJavascriptを動かす際に、hrefによるページ遷移をしないようにするための記述方法を紹介します。

これ、使う度に忘れてしまっていて毎回調べるんですよね…。


<a href="#" onclick="test();return false;">スクリプト実行</a>

<script>
function test(){
  alert('実行しました。');
}
</script>

上記のようにonclick属性内に、return false;をくっつけることで実行後のページ遷移を無効にすることができます。

意外と使う機会があるので覚えておくとよいかと思います。

タドワークスのウェブサイトでは【コピペで使える】シリーズとして、実業務でよく使うサンプルコードをまとめていますのでよろしければ是非ブックマークをしておいて頂ければと思います。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です