クリックしたときにクリックされたボタンを報告する

Question

ボタンをクリックすると、クリックされたボタンのidを取得します。 JavaScriptを使ってどうすればいいですか？例えば

：

<input type="button" id="1" class="buttonID" value="answer" onClick=myFunction() /> 
<input type="button" id="2" class="buttonID" value="answer" onClick=myFunction() /> 
<input type="button" id="3" class="buttonID" value="answer" onClick=myFunction() /> 

Answer 1

This will alert "clicked" when a button with id my-button is clicked: 

    HTML 



<button id="buttonID">Click me</button> 

    JavaScript 

    var el = document.getElementById("buttonID"); 

    if (el.addEventListener) { 
     el.addEventListener("click", function() { 
      alert("Clicked " + el.id); 
     }, false); 
    } else { //IE8 support 
     el.attachEvent("onclick", function() { 
      alert("Clicked " + el.id); 
     }); 
    } 

Answer 2

あなたが変数にボタンを割り当て、その変数を使用して、ボタンのIDをターゲットにすることができます。

var button = document.getElementById('myButton'); 

button.onclick = function() { 
    alert(button.id); 
} 

Answer 3

onclickイベントに渡された関数は、スコープ内で 'event'オブジェクトを受け取ります。あなたはアクセスすることができ、それは、ターゲット要素、そしてIDあなたのヘッダ（あなたのヘッダーまたはJSファイルの呼び出し）で関数を定義する必要が

window.myFunction = function() { 
    console.log(event.target.id) 
} 

Answer 4

そうでない場合、この関数は不定となりますonclickイベントだと、あなたは「これを追加する必要があります（クリックされた要素を結合するための）機能するために "PARAM、次のように：ここで

<script> 
function myFunction(e){ 
    alert(e.id); 
} 
</script> 

<input type="button" id="1" class="buttonID" value="answer" onClick=myFunction(this) /> 
<input type="button" id="2" class="buttonID" value="answer" onClick=myFunction(this) /> 
<input type="button" id="3" class="buttonID" value="answer" onClick=myFunction(this) /> 

がJsFiddle上のコードです：https://jsfiddle.net/kv8y4q24/