css: cómo deshabilitar el clic de la etiqueta <a>, dejar que la etiqueta <a> realice el efecto deshabilitado (el mouse no puede activar el evento de clic)

introducir

Sabemos que una etiqueta no tiene un atributo deshabilitado, entonces, ¿cómo deshabilitamos el botón de una etiqueta?

Método 1 (recomendado)

Establezca el atributo "deshabilitado" en una etiqueta, como se muestra en el siguiente código:

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

De esta manera, @clickel evento de clic no se activará.

Método dos

Use jquery: removeAttr() o JS: removeAttribute() para eliminar el atributo href de la etiqueta a.

metodo tres

Use jquery: unbind() o JS: removeEventListener() para eliminar el evento de clic.

otro

Si desea deshabilitar la etiqueta a, de la siguiente manera, la clase puede llamar 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>