【クリック禁止/無効】aタグのリンクを無効化させる方法

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

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

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

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

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

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

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

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

a.disabled{
    pointer-events: none;
}

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

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