【簡単】ボタンクリック時の挙動・動作を無効化する方法/WordPress/JavaScript

WordPressのテーマなどを使用してサイトを作成していると、ボタンは設置したいけど、デフォルトの挙動・動作を無効化したい時があると思います。

そんな時に使える方法について紹介していきます。

目次

javascript:void(0)による無効化

ボタンの動作を無効化する方法は非常に簡単で、ボタンのリンク部分にjavascript:void(0) と設定すればボタンをクリックしても何も動作しなくなります。

#による再読み込みの防止

その他の方法で、リンクに# を設定することでページのトップへ再読み込みすることなく遷移させることも可能です。
ボタンに何もリンクを設定しないと、クリックした時にページを再読み込みするようになっています。

まとめ

今回紹介したこと

以下のそれぞれを設定することでボタンクリック時の動作を、

  • javascript:void(0)で無効化
  • #で再読み込みせずページトップへ遷移
  • リンク設定なしでページを再読み込み
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次