アンカータグをクリックで何も動作させない方法

<a>タグでページ移動したくない場合、次のようにhref=""href="#"を指定する方法があります。しかし、これだとフォームの内容が消えたり、ページ上部に戻ったりします。

<a href="" class="btn btn-primary">リンク</a>
<a href="#" class="btn btn-primary">リンク</a>

ページに何も変化を起こさせたくない場合は次のようにhrefを消すことで対応できます!

<a class="btn btn-primary">リンク</a>

通常のリンクと同じスタイルを適用したいけど、画面遷移はさせたくない場合などに使えますね。

このエントリーをはてなブックマークに追加
にほんブログ村 IT技術ブログへ

関連コンテンツ

スポンサードリンク

Comment

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