从同一个onclick调用两个函数

Question

HTML和JS

如何从一个onclick事件中调用2个函数？这是我的代码

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

这两个函数是pay()和cls().谢谢!

Answer 1

;在函数调用结束时添加分号以使它们都起作用.

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

我不相信最后一个是必需的但是嘿,不妨把它添加进去做好准备.

以下是SitePoint http://reference.sitepoint.com/html/event-attributes/onclick的一个很好的参考

Answer 2

您可以创建一个调用这两个函数的函数,然后在事件中使用它.

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

然后,对于按钮:

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

Answer 3

您可以从另一个函数内部调用函数

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

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

Answer 4

使用jQuery:

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

Answer 5

不建议从html绑定事件.这是推荐的方式:

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

Answer 6

只是为了提供一些变化,逗号运算符也可以使用,但有些人可能会说"noooooo!",但它有效:

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

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

Answer 7

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

但是,如果你在"pay"函数中使用return语句,执行将停止并且"cls"将不会执行,

解决方法:

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

Answer 8

在两个函数之间加一个分号作为语句终止符.

Answer 9

尝试这个

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