如何获取在页面上单击的元素的id

Question

我有这种情况。我有一个JavaScript函数可以对文档点击进行一些工作：

$(document).click(function () {
//---Some work is done---
});

但我还想检查点击了哪个文档元素？那么，如何在整个文档中的任何位置获取被点击的元素ID？

Answer 1

试试这个

$(document).click(function (e) {
//---Some work is done---
 var id = e.target.id;
});

DEMO

Answer 2

可以使用事件的目标属性

来引用发起事件的元素

$(document).click(function (e) {
    var id = e.target.id
});

注意：仅当网页中的所有元素都具有id属性时才会有效。

另一种方法可能是找到最接近的元素，其id为

$(document).click(function (e) {
    var id = $(e.target).closest('[id]').attr('id');
});