javascript - 同じ onclick から 2 つの関数を呼び出す

Question

HTML & JS

1 つの onclick イベントから 2 つの関数を呼び出すにはどうすればよいですか? これが私のコードです

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

2 つの関数は、pay() と cls() です。ありがとう！

score 257 · Accepted Answer

;両方が機能するように、関数呼び出しの最後にセミコロンを追加します。

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

最後のものが必要だとは思いませんが、まあ、それを追加したほうがいいかもしれません。

score 50 · Accepted Answer

これらの両方を呼び出す単一の関数を作成して、イベントで使用できます。

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

次に、ボタンの場合:

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

score 21 · Accepted Answer

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

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

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

score 14 · Accepted Answer

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

ただし、「pay」関数でreturnステートメントを使用している場合、実行は停止し、「cls」は実行されません。

これに対する回避策：

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

score 12 · Accepted Answer

html からイベントをバインドすることはお勧めしません。これは推奨される方法です：

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

score 10 · Accepted Answer

jQuery の場合:

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

score 10 · Accepted Answer

いくつかのバリエーションを提供するために、コンマ演算子も使用できますが、「noooooo!」と言う人もいますが、機能します:

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

score 6 · Accepted Answer

6

これを試して

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

于 2013-04-15T21:42:06.127 に答える

9 に答える 9