問題 × 解決策

javascriptでaタグのリンクを無効にする方法

問題

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タグのデフォルト機能であるリンクを無効にすることができます。

コメント

コメントを残す

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

19 − six =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧