aタグのリンクを無効化させる方法

aタグはアンカーリンクのためのタグですがたまにリンクを無効化させたい場合があると思います。

そんなときにaタグのリンクを無効化させる方法を紹介します。

無効化させる方法として下記の方法があります。

未経験でも安心!人気のプログラミングスクール

マンツーマン指導だから未経験からプログラミングが学べて高いコーディングスキルが身につく人気のテックキャンプ!

aタグのリンクを無効化させる方法3つ

htmlで無効化させる

disabledを使う方法です。disabled=”disabled”を使うことでaタグを無効化させます。

<a href="#" disabled="disabled" class="disabled">

cssで無効化させる

pointer-eventsを使うことでリンクを無効化させることができます。

あまり古いブラウザだと効かないことがあるので対象ブラウザを確認しておくとよいです。

a.disabled{
    pointer-events: none;
}

jsで無効化させる

jsでaタグのリンクを無効化させるときはreturn false;を使います。

$('a.disabled').click(function() { 
    return false; 
});

コメント

タイトルとURLをコピーしました