如何在JavaScript中获取单击的div元素的ID？

Question

所以我的问题是如何获取刚刚点击的元素的ID？ （JavaScript的）

谢谢您的回答！

Answer 1

您可以使用目标元素（在IE以外的所有浏览器中）和srcElement（在IE中）来检索单击的元素：

function click(e) {
  // In Internet Explorer you should use the global variable `event`  
  e = e || event; 

  // In Internet Explorer you need `srcElement`
  var target = e.target || e.srcElement;

  var id = target.id;
}

但请注意事件冒泡。 target可能不是您期望的元素。

Answer 2

传递给事件处理程序的事件对象的“target”属性（或者，在IE的情况下，设置为全局变量）将是对受影响元素的引用。 如果您使用Prototype设置事件处理程序，则：

 function clickHandler(ev) {
   var id = ev.target.id;
   // ...
 }