如何使用javascript获取任何控件的ID？

Question

我有一个带有各种文本框和按钮

的html页面

然后我添加了这个javascript

window.onload = function () {
  window.addEventListener('click', function (evt) {
    alert(this.id);
  }, false);
};

我的目标是返回用户点击的控件的ID（作为警报）？ 最终我会为此添加更多内容。但现在警报还可以。谢谢

Answer 1

使用活动的target。这是一个可运行的样本：

＆＃13;

＆＃13;

window.onload = function () {
  window.addEventListener('click', function (evt) {
    alert(evt.target.id);
  }, false);
};

＆＃13;

<input id="button" type="button" value="button" />
<input id="text" type="text" />

＆＃13;

＆＃13;

＆＃13;

Answer 2

您已将eventListener添加到窗口对象。所以＆＃34;此＆＃34;关键字指的是windows对象，而不是您的按钮。检查ev.srcElement

window.onload = function () {
  window.addEventListener('click', function (evt) {
    alert(evt.srcElement.id);
  }, false);
};