問題
javascriptでaタグのリンクを無効にするには?
解決策
aタグのクリックイベントの処理で「event.preventDefault();」を記述する。
aタグのリンクを無効にする
javascriptでaタグに対して、クリック時にリンクを無効にさせる方法をご紹介します。
DEMOはこちら
HTMLの構築
テキスト:クラス「nolink-text」を用意します。
<p class="nolink-text">
<a href="http://keylopment.com/">リンク先には移動しません。</a>
</p>
javascriptの構築
最後にjavascriptを設定します。
クラス「nolink-text」内のaタグに対し、クリックイベントでリンクを無効にする処理を記述します。
if($('.nolink-text').length){
$('.nolink-text').click(function(){
event.preventDefault();
})
}
ポイント!
「event.preventDefault();」を実行することにより、aタグのデフォルト機能であるリンクを無効にすることができます。
コメント