le javascript en ligne de l'événement onclick

C'est mon code html

<a href="#" onclick="return clickHandler()">Hit</a>

C'est mon fichier javascript

function clickHandler(evt) {
    var thisLink = (evt)?evt.target:Window.event.srcElement;
    alert(thisLink.innerHTML);
    return false;
}

Mais quand je clique sur le coup le Lien, il redirige.

InformationsquelleAutor Vicky | 2012-07-19
  1. 9

    À égalité, les deux de la très-bonnes réponses ensemble, ce qui s'est passé est que vous avez incorporé une fonction où vous avez écrit onclick="return runFunction();"

    Si vous regardez, vous verrez que c'est vraiment en train de faire va comme ceci:

    var link = document.getElementById("myLink");

link.onclick = function () { runFunction(); };

    Voir le problème?

    Mon runFunction est appelé sans objet événement passé, à tous.
    ...ce qui signifie que var thisLink = (evt) ? va retourner false, ce qui signifie qu'il va essayer de courir dans oldIE-mode.

    Par écrit onclick="runFunction", c'est la même chose que de dire:

    link.onclick = runFunction;

    Ce qui signifie que lorsque l'événement onclick qui se passe, runFunction sera appelée, et conforme au W3C navigateurs, il sera envoyé à un objet d'événement.

    C'est pourquoi cette solution fonctionne.

    La meilleure façon d'éviter beaucoup de cette confusion est à traiter avec du JavaScript à partir de l'intérieur de JavaScript, et de traiter avec le HTML à l'intérieur de HTML, de sorte que vous n'avez pas à vous soucier de la façon dont les chaînes de traduire dans le code.

    Maintenant, pour obtenir l'ensemble de ce travail, ET empêcher la redirection, vous voulez faire cela:

    pour le W3C navigateurs (ceux qui passent le paramètre d'événement):

    function runFunction (evt) {

    //stops the default-action from happening
    //means you need to find another way to fire it, if you want to later
    evt.preventDefault();


    //stops higher-up elements from hearing about the event
    //like if you stop a submit button from "clicking", that doesn't stop the form
    //from submitting
    evt.stopPropagation();

    //the oldIE versions of both of these are
    event.cancelBubble = true;
    event.returnValue = false;    
}
    • Ce qui signifie pas d'événement est transmis à la fonction. Merci.
    InformationsquelleAutor Norguard
  2. 12

    vous devez passer dans le cas si vous souhaitez preventDefault.

    html:

    <a href="#" onclick="runFunction(event)">Hit</a>

    script:

    function runFunction (evt) {
    evt.preventDefault();
    evt.stopPropagation();
}
    • Remarque: dans le <a> tag, l'argument de la fonction doit être "événement" exactement, car il est une référence à l'événement de la variable. La substitution d'un autre nom, comme runFunction(evt) ne fonctionnera pas.
    • Si vous ne transmettez pas d'argument: onclick=runFunction() la fonction runFunction a la variable "événements" passés dans celui-ci derrière les coulisses. À l'intérieur de runFunction, typeof événement = 'object'
    • Il est mieux de passer de l'objet d'événement dans runFunction(cas), car sinon, la variable "événement" est en fait la fenêtre.de l'événement. S'il y a plusieurs rapide des événements, lorsque runFunction est exécutée, la fenêtre.événement ne peut pas être l'objet de l'événement qui a déclenché runFunction.
    InformationsquelleAutor Trolzie
  3. 0

    Lorsque j'ai branché votre code en chrome, j'ai eu ce que l'erreur dans la console:
    Uncaught TypeError: Cannot read property 'srcElement' undefined

    SI le javascript bombes lors du traitement, ce n'est jamais une chance de revenir à tous si le navigateur a tendance à ignorer ce qui est dans le onclick gestionnaire d'après le d'exception.

    Car il détruit... comportement par défaut des balises d'ancrage, qui est de vous envoyer off à l'endroit où cette href dit d'aller.

    Essayer d'emballage le contenu de la fonction dans un bloc try/catch et de voir ce qui tourne si ce genre de chose vous plaies.

    InformationsquelleAutor whiskeyfur