Question

我有一些具有相同onClick功能的按钮。在这个onClick函数中，我想检查按下了哪个ID。每个按钮都有不同的ID。

如何返回点击按钮的ID？

Answer 1

没有jQuery，它只是element.id。以下是 JSFiddle

的示例

function clicked(e) {
    alert( this.id );   
}

以上是点击事件的回调函数。

Answer 2

function myFn(){

    // your code;
    alert( this.id );

}

如果您正在调用您的函数，

将会完成这项工作，例如：

var $btn = document.querySelectorAll('button');
for(var i=0; i<$btn.length; i++) $btn[i].addEventListener('click', myFn, false);

Answer 3

在按钮单击中，传递该按钮的ID

<button id="btn1" onClick="btnclick(this.id)">button1</button>

<script type="text/javascript">
function btnclick(btnid)
{
    alert(btnid);
}
</script>

否则，如果您没有将ID作为参数传递给点击处理程序

<button id="btn1" onClick="btnclick()">button1</button>

function btnclick(e) {
    e = e || window.event;
    e = e.target || e.srcElement;
    if (e.nodeName === 'BUTTON') {
        alert(e.id);
    }
}

Answer 4

您可以将'this'传递给您的方法以识别来电者。

<button id="1" type="button"onclick="myFunction(this)">Click me!</h1>

并按照LaughDonor建议的ID引用它

function myFunction(entity)
{  
    alert(entity.id);
}

Answer 5

我会使用$（this）.attr（＆＃39; id＆＃39;）（如果您使用的是jquery）可以发布您的代码吗？

如果您不使用Jquery，我会将id作为参数传递给onclick函数。如果没有真正看到你的代码，就很难说出来。

有关更多背景信息，请参阅here。

Javascript从onclicked函数获取div id

5 个答案: