Lien d'ancre HTML - href et onclick les deux?

Question

Je veux créer une balise d'ancrage qui exécute du code JavaScript, puis continue à aller là où le href le prenait. L'appel d'une fonction qui exécute mon JavaScript, puis définit window.location ou top.location à l'emplacement href ne fonctionne pas pour moi. Donc, imaginez que j'ai un élément avec l'identifiant "Foo" sur la page. Je veux à l'auteur d'une ancre semblable à:

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

Lorsque cela est cliqué, je veux exécuter runMyFunction puis sauter la page à #Foo (pas provoquer un rechargement - en utilisant top.location amèneraient pour recharger la page).

Suggestions? Je suis heureux d'utiliser jQuery si cela peut aider ici ...

Answer 1

Juste return true à la place?

La valeur de retour à partir du code onClick est ce qui détermine si est traitée ou non l'action cliquée inhérente du lien - retour false signifie qu'il est pas traité, mais si vous revenez true le navigateur procédera à la traiter après votre La fonction retourne et va à l'ancre appropriée.

Answer 2

Si le lien doit uniquement changer l'emplacement si la fonction est exécutée avec succès, faites onclick="return runMyFunction();" et dans la fonction, vous obtiendrez true ou false.

Si vous souhaitez simplement exécuter la fonction, puis laisser le tag d'ancrage faire son travail, supprimez simplement l'instruction return false.

En guise de remarque, vous devriez probablement utiliser un gestionnaire d'événements à la place, car JS en ligne n'est pas une manière très optimale de faire les choses.

Answer 3

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

et

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

De cette façon, vous aurez youf la fonction exécutée et vous suivrez le lien et vous suivez le lien exactement après votre fonction a été exécutée avec succès.