2017-01-18 3 views
0

2つのonclicksを持つことが可能かどうかを知りたいと思います。そうでなければ、少なくとも;セミコロンで区切りすなわち1つのonclickで2つの別々の操作

<html> 
<body> 
<button type="button" onclick=(operation example a), (operation example b)>example</button> 
</body> 
</html> 
+0

'onclick'属性の値は普通のJavascriptコードです。他のスクリプトで同じことをするのと同じ方法で2つのことを行います。 – Barmar

答えて

0

これらをクリックして、onclick

<button type="button" onclick="operation(exampleA); operation(exampleB)">example</button> 

に多数の機能を追加することができます1つのボタンでコード2つの別々の部分を実行するいくつかの方法を持っている他のオプションは次のようになります2つの関数を1つの関数に入れて、これをonclickと呼ぶ。

function triggerOnClick(){ 
    functionOne(); 
    functionTwo(); 
} 

HTML

<button type="button" onclick="triggerOnClick()">example</button> 
+1

病気、ありがたい男だ – Mental

+0

ああクール、私はここに新しいので、私は物事のほとんどを知っていないか、それはどのように動作します。今のところチュートリアルを見つける時間がないので、stackoverflowを試してみると1つの大きな経験になるでしょう – Mental

+0

JS内の関数内でグローバルスコープ変数をローカルスコープ変数にする方法はありますか?私はこの問題に苦しんでいますが、私は変数間で整数を転送するときには、配列内のそれらを除いて関数から2つの値を返すことは不可能です。var1 = var1 [0] = integershifter(firstvar 、secondvar)しかし、var1は配列そのものとして返します。それが長すぎる場合はこれに答える必要はありませんが、 'var name = 'Mental''のようにjsファイルの先頭に関数の外に変数を定義すると、 – Mental

0

あなたはまた.addEventListener()メソッドを使用することができます。

var btn = document.getElementById('myButton'); 
btn.addEventListener('click', myFunctionA); 
btn.addEventListener('click', myFunctionB); 
btn.addEventListener('click', myFunctionC); 

function myFunctionA(){ //do something 
} 
function myFunctionB(){ //do something 
} 
function myFunctionC(){ //do something 
} 

イベントをオーバーライドしなくても、好きな数だけ配置できます。

PS。このメソッドを使用する場合は、「オン」という言葉を無視してください。だからクリック、マウス、マウスオーバー、keypress、yada yada yada

+0

cool、thanks bro – Mental

関連する問題