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

时间:2016-11-11 11:15:34

标签: javascript

当我点击一个按钮时,我想获得被点击的按钮的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() />

4 个答案:

答案 0 :(得分:-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);
        });
    }

答案 1 :(得分:-1)

您需要在标题中定义函数(或标题中的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/

答案 2 :(得分:-1)

您可以将按钮分配给变量,然后通过该变量定位按钮的ID。

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

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

答案 3 :(得分:-1)

传递给onclick事件的函数接收范围中的“event”对象。您可以访问它的目标元素,然后访问id

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