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

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

Answer 4

您需要在标题中定义函数（或标题中的JS文件调用），否则此函数将是未定义的onclick事件，您需要添加＆＃39; this＆＃39;函数的param（用于绑定clicked元素），如下所示：

<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/

报告单击时单击了哪个按钮

4 个答案: