Comment appeler plusieurs fonctions JavaScript dans un événement onclick?

Question

Est-il possible d'utiliser l'attribut onClick html pour appeler plusieurs fonctions JavaScript?

Answer 1

 onClick="doSomething();doSomethingElse();"
 

Mais en réalité, il vaut mieux ne pas utiliser onClick et attacher le gestionnaire d’événements au nœud DOM via votre code JS. Ceci est connu comme javascript discret .

Answer 2

Un lien avec 1 fonction définie

 <a href="#" onclick="someFunc()">Click me To fire some functions</a>
 

Activer plusieurs fonctions de someFunc()

 function someFunc() {
    showAlert();
    validate();
    anotherFunction();
    YetAnotherFunction();
}
 

Answer 3

Je voudrais utiliser l'élément.la méthode addEventListener méthode pour la lier à une fonction. À partir de cette fonction, vous pouvez appeler des fonctions multiples. Cela pourrait être utile...

https://developer.mozilla.org/en/DOM/element.addEventListener

L'avantage que je vois dans la liaison d'un événement à une seule fonction, et puis l'appel de plusieurs fonctions que vous pouvez procéder à un contrôle d'erreur, si d'autre états, de sorte que certaines fonctions uniquement me demande si certains critères sont remplis.

Answer 4

Bien sûr, il suffit de lier plusieurs auditeurs.

Short cutting with jQuery

 $("#id").bind("click", function () { alert("Event 1"); });
$(".foo").bind("click", function () { alert("Foo class"); });

<div class="foo" id="id">Click</div>