查找在DOM中单击的元素

Question

在接受采访时我问了这个问题。

如何使用JQuery或Javascript或Both查找用户在DOM中单击的元素？

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

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

提前致谢

Answer 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>

Answer 2

event.target听起来像你所追求的。

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

Answer 3

更新2019. IE不再存在，Edge认为铬和JQuery不再受欢迎。

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

document.onclick = e => {

    console.log(e.target); 
}