css - <a> ラベルのクリックを無効にする方法。<a> ラベルに無効な効果を実現させます (マウスはクリック イベントをトリガーできません)

導入

a タグには disabled 属性がないことはわかっていますが、a タグ ボタンを無効にするにはどうすればよいでしょうか?

方法 1 (推奨)

次のコードに示すように、「disabled」属性を a タグに設定します。

<a style="pointer-events:none" @click="xx()">

こうすることで、@clickクリック イベントは発生しなくなります。

方法 2

jquery:removeAttr() または JS:removeAttribute() を使用して、a タグの href 属性を削除します。

方法 3

jquery: unbind() または JS:removeEventListener() を使用して、クリック イベントを削除します。

他の

a タグを無効にしたい場合は、次のようにクラスで disabled を呼び出すことができます。

<style>
   a.disabled {
      
      
        style="color:rgb(98 189 255)">pointer-events: none;
        style="color:rgb(255 211 0)">filter: alpha(style="color:rgb(253 97 106)">opacity=50); /*IE滤镜，透明度50%*/
        style="color:rgb(98 189 255)">-moz-style="color:rgb(253 97 106)">opacity: 0.5; /*Firefox私有，透明度50%*/
        style="color:rgb(253 97 106)">opacity: 0.5; /*其他，透明度50%*/
    }
</style>