从同一个onclick调用两个函数

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

你可以创build一个调用这两个函数的函数，然后在事件中使用它。

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

然后，对于button：

 <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

只是为了提供一些变化， 逗号运算符也可以使用，但有些人可能会说“不”，但它的工作原理：

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

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

Answer 6

不build议使用html绑定事件。 这是推荐的方法：

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

Answer 7

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

但是，如果您在“付款”function中使用返回语句，则执行将停止，“cls”将不会执行，

解决方法是：

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

Answer 8

在两个函数之间加上一个分号作为语句结束符。

Answer 9

尝试这个

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