从同一个 onclick 调用两个函数

HTML 及 JS

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

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

两个函数是 pay ()和 cls ()。谢谢！

658082 次浏览

小开

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

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


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

小开

您可以创建一个同时调用这两个函数的函数，然后在事件中使用它。

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

然后，按下按钮:

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

小开

最佳答案

将分号 ;添加到函数调用的末尾，以便它们都能正常工作。

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

我不相信最后一个是需要，但是嘿，不妨把它加进来。

小开

试试这个

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

小开

使用 jQuery:

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

小开

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

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

小开

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

但是，如果在“ pay”函数中使用 return 语句，则执行将停止，而“ cls”将不执行,

解决这个问题的办法:

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

小开

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

小开

不推荐使用 html 绑定事件。推荐使用以下方法:

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