Enlace de anclaje HTML - href y onclick ambos?

Question

Quiero crear una etiqueta de anclaje que ejecute algo de JavaScript y luego continúe para ir a donde la tomó el href. Invocar una función que ejecuta mi JavaScript y luego establece window.location o top.location en la ubicación href no funciona para mí.

Entonces, imagina que tengo un elemento con id "Foo" en la página. Quiero al autor un ancla similar a:

<a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a> 

Cuando esto se hace clic, quiero ejecutar runMyFunction y luego saltar la página a #Foo (no causar una recarga - usando top.location sería hacer que se vuelva a cargar la página).

Sugerencias? Me complace utilizar jQuery si puede ayudar aquí ...

Answer 1

¿Solo return true en su lugar?

El valor de retorno desde el código onClick es lo que determina si la acción se ha hecho clic inherente del enlace se procesa o no - volver false significa que no se procesa, pero si regresa true entonces el navegador se procederá a procesarlo después de su la función vuelve e ir al anclaje correcto.

Answer 2

Si el enlace solo debe cambiar la ubicación si la función se ejecuta correctamente, haga onclick="return runMyFunction();" y en la función devolverá verdadero o falso.

Si solo desea ejecutar la función, y luego dejar que la etiqueta de anclaje haga su trabajo, simplemente elimine la instrucción return false.

Como nota al margen, probablemente debería utilizar un controlador de eventos en su lugar, ya que JS en línea no es una forma muy óptima de hacer las cosas.

Answer 3

<a href="#Foo" onclick="return runMyFunction();">Do it!</a> 

y

function runMyFunction() { 
    //code 
    return true; 
} 

De esta manera usted tendrá Youf función ejecutada y que se siga el enlace y le sigue el enlace exactamente después de que su función era ejecutar con éxito.