从相同的onclick [复制]通话两种功能(Call two functions from sam

2019-08-31 07:22发布

这个问题已经在这里有一个答案:

  • 如何调用多个JavaScript函数onclick事件? 10个回答

HTML和JS

如何调用2个功能从一个onclick事件? 这里是我的代码

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

这两个功能是工资()和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();"

但是,如果你在“支付”功能使用return语句的执行将停止,“CLS”将不执行,

一种解决方法是:

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


Answer 8:

把这两个功能语句终止之间的分号。



Answer 9:

试试这个

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


文章来源: Call two functions from same onclick [duplicate]