Comment déclencher onClick avant href

Je suis en train de faire certaines fonctionnalités dans onClick() de l'événement et également faire le href pour le même élément. Mais la réalité est son déclenchement onClick() complètement et de son déplacement à href lien quand on clique sur l'élément.

Comment faire onClick() obtient de la première et de déclencher href suivant.

<a href="" onclick="javascript:triggerMe()">click</a>
  • onclick ne déclencheur d'abord, la href ne va une fois onclick est de retour! Faites-vous quelque chose asynchrone dans le onclick et vous voulez attendre jusqu'à ce qu'elle retourne ou quelque chose? S'il vous plaît poster onclick code...
  • Ceux-ci doivent être les 2 à la plupart des commentaires similaires à parler de la même chose dans beaucoup de mots.. 🙂 la Suppression de la mine que vous avez le point à travers..
  • J'ai fait copié-vous, 7 secondes au début
  • onclick = test(); function test() { log.de données() }
  • Ce n' log.data() faire?
  • Il enregistre les données chers.. google analytics..
  • J'ai édité mon code, il va sûrement travailler.
  • Sons asynchrone à moi... vous aurez à mettre un return false; dans votre gestionnaire de clic, ce qui empêchera le href de tir à tous, alors quand log.data() complète (si tout va bien devrait prendre un callback), de l'envoyer manuellement à l'utilisateur de la href page (ou la suppression de vos JS onclick gestionnaire, puis déclencher une re-cliquez sur l'élément). Si vous ne savez pas comment faire cela, postez votre code complet et nous devrions être en mesure de vous aider.
  • Je vous ai trouvé un Google Analytics article qui donne des instructions sur la façon de le faire (en fait ils n'en utiliser qu'un délai de 100ms et supposons que le suivi sera complété d'ici là): support.google.com/analytics/answer/1136920?hl=en

InformationsquelleAutor Vinoth Babu | 2013-12-04
  1. 4

    Ce que j'ai compris, vous ne voulez pas aller sur l'autre page, utilisez donc de retour faux, comme ceci:

    <a href="" onclick="javascript:triggerMe();return false;">click</a>
    InformationsquelleAutor equinox
  2. 2

    Mon meilleur conseil est d'essayer en utilisant un forme comme suit:

    D'abord, changer vos href aux:

    <a href="#null" onclick="javascript:triggerMe()">click</a>

    et ajouter quelque part dans votre code HTML d'un formulaire avec un display=none bouton:

    <form action="http://www.myhref.com"><button id="GoToHref" style="display:none"></button></form>

    où l'action est souhaitée href. L'événement onclick qui appelle la triggerMe() fonction. Changer votre fonction à inclure:

    function triggerMe() {
    var DelayhrefCall;
    //include all code for what triggerMe() must do, then as the last line add
    DelayhrefCall = window.setTimeout(hrefCall, 500); 
    //500 millisecond delay, change time as desired
}

    Après une 500 ms de retard, hrefCall() est appelée:

    function hrefCall() {
document.getElementById('GoToHref').click();
}

    L'affichage:aucun bouton à l'intérieur de la forme est ensuite cliqué, le déclenchement de l'action du formulaire, qui vous emmène à votre choix href. Si vous créez un lien vers d'autres pages de votre site, il fonctionne parfaitement. Si vous créez un lien vers des pages externes, vous devrez ajouter une cible à votre formulaire:

    <form action="http://www.myhref.com" target="_blank"><button id="GoToHref"    
style="display:none"></button></form>
    InformationsquelleAutor The One and Only ChemistryBlob
  3. 2

    Vous devez retourner une valeur false si vous souhaitez annuler l'effet de href. Essayez d'utiliser ce code.

    <a href="yourLink.com" title="my link" onclick="return triggerMe();"> Click me </a>

    Partie Javascript 

    <script>
function triggerMe()
{
    if (condition) 
    {
        //do stuffs
        //This will tell browser to follow the link.
        return true;
    } 
    else 
    {
        //do stuffs
        //This will cancel the default behaviour of the browser.
        //Abort the effect of href
        return false;
    }
}
</script>
    InformationsquelleAutor DxTx
  4. 0
    <a  onclick="javascript:triggerMe()" href="">click</a>

    Il travaillera

    InformationsquelleAutor kishore kingmaker
  5. -5
     <a href="" onclick="return triggerme()" >click</a>
 function triggerme(e){
    if(condition is true){
       return true;
    } else {
       e.preventDefault();
       return false;
    }  
 }

    Essayer celui-ci va sûrement travailler

    • Cela n'a pas une trace de jquery dans il btw.
    InformationsquelleAutor Neeraj Kumar