2

Tengo puesto almohadilla pues no quiero que se me redirija a ningún sitio, solo que parezca un enlace.

Pero claro, al hacer click, aparece en la ruta esa almohadilla.

¿Cómo la quito?

introducir la descripción de la imagen aquí

9
  • 1
    Puedes poner un return false con javascript. ¿Pero para que quieres un enlace que no sea un enlace? Podrías usar otra etiqueta y darle los estilos de los enlaces
    – user7176
    el 20 feb. 2018 a las 15:10
  • Como tienes tu etiqueta <a> ?
    – Lucas. D
    el 20 feb. 2018 a las 15:10
  • @blonfu Bootstrap usa mucho <a> como si fueran botones el 20 feb. 2018 a las 15:13
  • @PabloLozano Yo también he usado enlaces para cosas que no son enlaces :) Pero es posible que no necesite que sea un enlace, por eso pregunto
    – user7176
    el 20 feb. 2018 a las 15:18
  • 2
    Pero si es un menú de navegación los enlaces apuntarán a algún sitio
    – user7176
    el 20 feb. 2018 a las 15:26

3 respuestas 3

7

El atributo href es opcional, la única diferencia es que el cursor no cambiará al ponerse sobre el enlace, y éste no se subrayará (sin href se considera un "anchor" y no un link), pero se puede re-añadir el comportamiento con CSS, si es necesario. Pero eso puedes aplicarlo a cualquier elemento.

Además href puede ser una cadena vacía:

let link=document.getElementById('test');
link.addEventListener('click',()=> alert('Clickado'))
.test {
 cursor: pointer;
 color: blue;
 text-decoration: underline;
 }
<a id="test" class="test"> Esto es un link sin href</a>
<a> Esto es un link si href y sin CSS</a>
<a href=""> Esto es un link a nada</a>

<p class="test"> Esto es un párrafo que simula ser un enlace</p>

2

Puedes utilizar javascript:void(0) en el atributo href, con esto no iría a ningún lado y tampoco va a agregar el signo de numero al final del enlace.

Espero te sirva.

<a href="javascript:void(0)">Link</a>
0

Puedes utilizar la función void(0) para evitar el uso de # en tu href y así evitar el direccionamiento.

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.