blocks|key|2812733|text|您可以从另一个函数内部调用这些函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2812734|<input+id+="btn"+type="button"+value="click"+onclick="todo()"/>

function+todo(){
pay();+cls();
}|code-block|syntax|javascript|2812735|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can call the functions from inside another function

<pre><code>&lt;input id ="btn" type="button" value="click" onclick="todo()"/&gt;

function todo(){
pay(); cls();
}
</code></pre>

blocks|key|3025436|text|您可以创建一个同时调用这两个函数的函数，然后在事件中使用它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3025437|function+myFunction(){
++++pay();
++++cls();
}|code-block|syntax|javascript|3025438|然后，对于按钮：|3025439|<input+id="btn"+type="button"+value="click"+onclick="myFunction();"/>|3025440|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You can create a single function that calls both of those, and then use it in the event.

<pre><code>function myFunction(){
 pay();
 cls();
}
</code></pre>

And then, for the button:

<pre><code>&lt;input id="btn" type="button" value="click" onclick="myFunction();"/&gt;
</code></pre>

blocks|key|191003|text|将分号;添加到函数调用的末尾，以便它们都能工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|191004|+<input+id="btn"+type="button"+value="click"+onclick="pay();+cls();"/>|code-block|syntax|javascript|191005|我不认为最后一个是必需的，但是嘿，为了更好的衡量，我还是把它加进去吧。|191006|下面是来自SitePoint+http://reference.sitepoint.com/html/event-attributes/onclick的一个很好的参考资料|191007|entityMap|0|LINK|mutability|MUTABLE|url|http://reference.sitepoint.com/html/event-attributes/onclick^0|3|1|0|0|0|F|1O|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|11|8|@]|D|@$9|12|A|13|1|14]]|E|$]]|$1|O|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

Add semi-colons <code>;</code> to the end of the function calls in order for them both to work.

<pre><code> &lt;input id="btn" type="button" value="click" onclick="pay(); cls();"/&gt;
</code></pre>

I don't believe the last one is required but hey, might as well add it in for good measure.

Here is a good reference from SitePoint <a href="http://reference.sitepoint.com/html/event-attributes/onclick">http://reference.sitepoint.com/html/event-attributes/onclick</a>

blocks|key|2812847|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2812848|<input+id+="btn"+type="button"+value="click"+onclick="pay();cls()"/>|code-block|syntax|javascript|2812849|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this

<pre><code>&lt;input id ="btn" type="button" value="click" onclick="pay();cls()"/&gt;
</code></pre>

blocks|key|2812855|text|使用jQuery：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2812856|jQuery("#btn").on("click",function(event){
++++event.preventDefault();
++++pay();
++++cls();
});|code-block|syntax|javascript|2812857|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

With jQuery : 

<pre><code>jQuery("#btn").on("click",function(event){
 event.preventDefault();
 pay();
 cls();
});
</code></pre>

blocks|key|193492|text|为了提供一些变化，comma+operator也可以使用，但有些人可能会说“不！”，但它是有效的：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|193493|<input+type="button"+onclick="one(),+two(),+three(),+four()"/>|code-block|syntax|javascript|193494|http://jsbin.com/oqizir/1/edit|193495|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/Comma_Operator|1^0|9|E|0|0|0|0|U|1|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|F|7|X|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|K|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|J]]]]

Just to offer some variety, the <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/Comma_Operator">comma operator</a> can be used too but some might say "noooooo!", but it works:

<pre><code>&lt;input type="button" onclick="one(), two(), three(), four()"/&gt;
</code></pre>

<a href="http://jsbin.com/oqizir/1/edit">http://jsbin.com/oqizir/1/edit</a>

blocks|key|193504|text|onclick="pay();+cls();"|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|193505|但是，如果你在"pay“函数中使用了return语句，执行将会停止，"cls”将不会执行。|unstyled|193506|解决此问题的方法：|193507|onclick="var+temp+=+function1();function2();+return+temp;"|193508|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>onclick="pay(); cls();"
</code></pre>

however, if you're using a return statement in "pay" function the execution will stop and "cls" won't execute,

a workaround to this:

<pre><code>onclick="var temp = function1();function2(); return temp;"
</code></pre>

blocks|key|3025554|text|在两个函数之间加一个分号作为语句结束符。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3025555|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

put a semicolon between the two functions as statement terminator.

blocks|key|2812936|text|不推荐使用来自html的绑定事件。建议使用以下方式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2812937|document.getElementById('btn').addEventListener('click',+function(){
++++pay();
++++cls();
});|code-block|syntax|javascript|2812938|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Binding events from html is NOT recommended. This is recommended way:

<pre><code>document.getElementById('btn').addEventListener('click', function(){
 pay();
 cls();
});
</code></pre>

HTML &amp; JS

How do I call 2 functions from one onclick event? 
Here's my code

<pre><code> &lt;input id ="btn" type="button" value="click" onclick="pay() cls()"/&gt;
</code></pre>

the two functions being pay() and cls(). 
Thanks!

Call two functions from same onclick

jQuery

HTML & JS如何从一个onclick事件中调用两个函数？这是我的代码 <input id ="btn" type="button" value="click" onclick="pay() cls()"/>这两个函数是pay()和cls()。谢谢!

问从同一onclick调用两个函数
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从同一onclick调用两个函数EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从同一onclick调用两个函数
EN