javascript - 单击时获取任何元素 tagName

Question

我需要从我点击文档的任何元素中获取 $('this') 信息。

我尝试了以下代码:

$('body').click(function(){
    var element = this.tagName; // or var element = $(this).prop('tagName');
    alert(element);
});

问题是无论我点击哪里，我都只会得到 BODY 元素。如果我单击按钮或 div，我想获取该元素。我如何创建通用的东西来获取我单击的每个元素？

Answer 1

因为您将事件处理程序附加到 body 元素，所以 this 将始终是主体。相反，查询 event.target 属性:

$('body').click(function(e){
    var element = e.target.tagName;
    alert(element);
});

Example fiddle