Question

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

如何使用JQuery或Javascript或两者来查找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); 
}

查找在DOM中单击的元素

3 个答案: