コール同じonclickの

Question

HTML & JSからの二つの機能

？ はここに私のコード

<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

あなたは、あなたがそれらの両方を呼び出し、単一の関数を作成し、イベントでそれを使用することができます別の関数

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

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

Answer 3

内から関数を呼び出すことができます。

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

そして、ボタンの：

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

Answer 4

から良い参照はjQueryを使って、この

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

Answer 5

を試してみてくださいです：

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

Answer 6

ただ、いくつかの多様性を提供するために、comma operatorがあまりにも使用することができますが、いくつかのかもしれません「noooooo！」と言うが、動作する：

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

01これに

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

Answer 7

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

しかし、あなたは「給与」機能でreturnステートメントを使用している場合、実行が停止し、「CLS」は実行されません、

回避策：

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

Answer 8

ステートメントターミネータとして2つの関数の間にセミコロンを挿入します。

Answer 9

htmlのイベントをバインドすることはお勧めできません。これはお勧めの方法です：

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