appel deux fonctions de même onclick

Question

HTML & JS

Comment appeler 2 fonctions d'un événement onclick? Voici mon code

<input id ="btn" type="button" value="click" onclick="pay() cls()"/> 

les deux fonctions étant la rémunération() et cls(). Merci!

Answer 1

Ajouter des points-virgules ; à la fin de la fonction des appels pour que les deux au travail.

<input id="btn" type="button" value="click" onclick="pay(); cls();"/> 

Je ne crois pas que le dernier est nécessaire mais bon, pourrait tout aussi bien ajouter pour faire bonne mesure.

Voici une bonne référence de SitePoint http://reference.sitepoint.com/html/event-attributes/onclick

Answer 2

Vous pouvez appeler les fonctions à l'intérieur une autre fonction

<input id ="btn" type="button" value="click" onclick="todo()"/> 

function todo(){ 
pay(); cls(); 
} 

Answer 3

Vous pouvez créer une seule fonction qui appelle les deux personnes, puis l'utiliser dans l'événement.

function myFunction(){ 
    pay(); 
    cls(); 
} 

Et puis, pour le bouton:

<input id="btn" type="button" value="click" onclick="myFunction();"/> 

Answer 4

Essayez cette

<input id ="btn" type="button" value="click" onclick="pay();cls()"/> 

Answer 5

Avec jQuery:

jQuery("#btn").on("click",function(event){ 
    event.preventDefault(); 
    pay(); 
    cls(); 
}); 

Answer 6

Juste pour offrir une certaine variété, la comma operator peut être utilisé aussi, mais certains pourraient dites "noooooo!", mais cela fonctionne:

<input type="button" onclick="one(), two(), three(), four()"/> 

http://jsbin.com/oqizir/1/edit

Answer 7

onclick="pay(); cls();" 

Cependant, si vous utilisez une déclaration de retour en fonction « payer » l'exécution arrêtera et « cls » ne seront pas exécutés,

une solution à ceci:

onclick="var temp = function1();function2(); return temp;" 

Answer 8

Mettez un point-virgule entre les deux fonctions comme terminateur d'instruction.

Answer 9

Les événements de liaison de html ne sont PAS recommandés. C'est la manière recommandée:

document.getElementById('btn').addEventListener('click', function(){ 
    pay(); 
    cls(); 
});