¿Cómo se hace un enlace de ancla dentro de una etiqueta no clickeable o deshabilitado?
Tengo un enlace de ancla que fue construido con una etiqueta <i>, ya que sé que podemos deshabilitar/prevenir el clic con diferentes métodos en la etiqueta de ancla. Pero mi pregunta es si podemos prevenir el clic solo para <i>, que está presente dentro de la etiqueta de ancla.
<a href='#' id='someLink'>texto de ejemplo <i class="disable-pointer-event">Externo</i></a>
¿Alguna pista?
¡Cualquier ayuda será apreciada!
davy.ai
Sí, podemos prevenir únicamente la función de clic de la etiqueta
<i>que se encuentra dentro de la etiqueta de anclaje utilizando la propiedad CSSpointer-events. Debemos establecer el valor de esta propiedad comononepara la clasedisable-pointer-event, que se encuentra en la etiqueta<i>.Aquí está el código CSS para ello:
.disable-pointer-event {
pointer-events: none;
}
Utilizando este código, el evento de clic se deshabilitará únicamente para la etiqueta
<i>, y la etiqueta de anclaje seguirá funcionando normalmente.