Quiero crear un hipervínculo que no se vincule a ninguna página. Al hacer clic, ejecuta una función de JavaScript que he definido. Entonces, creé un enlace de la siguiente manera:

<a onclick="fun()"> SomeText </a>

Pero, el puntero del mouse no cambia al símbolo de la mano cuando pasamos el mouse sobre el enlace.

Entonces, cambié el enlace a

<a href="#" onclick="fun()"> SomeText </a>

Entonces, ahora obtengo el símbolo de la mano, pero ahora la ubicación en la barra de direcciones cambia a / # cada vez que hago clic en el enlace.

¿Hay alguna manera de crear un hipervínculo que no se vincule a ninguna ubicación, pero el puntero del mouse debería cambiar al símbolo de la mano al pasar el mouse sobre él?

Gracias.

3
Mike 9 oct. 2009 a las 11:21

5 respuestas

La mejor respuesta

Devuelve falsa desde el evento onclick:

<a href="#" onclick="fun(); return false;"> SomeText </a>
8
Anatoliy 9 oct. 2009 a las 07:22

Es más correcto crear un elemento span y modificar las propiedades css:

<span class="link" onclick="fun()"> SomeText </span>

css

.link {cursor: puntero;}

-1
Eduard Deza 9 oct. 2009 a las 13:56

También puede agregar un controlador de eventos mediante programación, agregue algo como esto en su sección de carga de JavaScript (por ejemplo, window.onload ()):

function clickHandler() {
  event.preventDefault();    
 // do some javascript stuff
}

document.getElementById("link").addEventListener("click", clickHandler, false);

Enlace en la página HTML:

<a id="link" href="#">Some link</a>

0
stian 9 oct. 2009 a las 08:01
<a href="/SomePageWeDontWantToVisit" onclick="fun(); return false;">...</a>
2
Björn 9 oct. 2009 a las 07:23
<a href="javascript:;" onclick="fun();">Some Text</a>
<a href="javascript:fun();">Some Text</a>
2
jantimon 9 oct. 2009 a las 07:23