WordPressのテーマなどを使用してサイトを作成していると、ボタンは設置したいけど、デフォルトの挙動・動作を無効化したい時があると思います。
そんな時に使える方法について紹介していきます。
目次
javascript:void(0)による無効化
ボタンの動作を無効化する方法は非常に簡単で、ボタンのリンク部分にjavascript:void(0) と設定すればボタンをクリックしても何も動作しなくなります。
#による再読み込みの防止
その他の方法で、リンクに# を設定することでページのトップへ再読み込みすることなく遷移させることも可能です。
ボタンに何もリンクを設定しないと、クリックした時にページを再読み込みするようになっています。
まとめ
今回紹介したこと
以下のそれぞれを設定することでボタンクリック時の動作を、
- javascript:void(0)で無効化
- #で再読み込みせずページトップへ遷移
- リンク設定なしでページを再読み込み