查找在 DOM 中单击了哪个元素答案

【问题标题】：Finding which element is clicked in the DOM查找在 DOM 中单击了哪个元素
【发布时间】：2019-02-20 19:39:31
【问题描述】：

这个问题是在一次采访中问我的。

如何使用 JQuery 或 Javascript 或两者在 DOM 中查找用户点击了哪个元素？

注意：用户可以点击 DOM 中的任何元素，无论是 img、div 还是 span。

如果你能提出一些例子，那将非常有帮助。

提前致谢

【问题讨论】：

标签： javascript jquery

【解决方案1】：

纯javascript：

<script> 
  document.onclick = function(evt) {
    var evt=window.event || evt; // window.event for IE
    if (!evt.target) evt.target=evt.srcElement; // extend target property for IE
    alert(evt.target); // target is clicked
  }
</script>

【讨论】：

非常感谢，现在我找到了 JQuery 和 Javascript 两种方式:)

【解决方案2】：

event.target 听起来像你想要的。

$('#id').click(function(e) {
    //e.target will be the dom element that was clicked on
});

【讨论】：

我用 document 替换了 '#id'，它按我想要的方式工作。谢谢

【解决方案3】：

2019 年更新。IE 不再存在，Edge 变成铬，JQuery 失宠。

要确定被点击的元素，只需执行以下操作：

document.onclick = e => {

    console.log(e.target); 
}

【讨论】：