javascript - 如何在点击时获取任何元素的 id

Question

当单击页面上的任何元素告诉您有关该元素的标签名称（或 id 或任何其他信息）时，是否可以弹出警报？我基本上想为每个元素设置以下内容：

$('#wrapper').click(function() {
            alert($(this).prop('tagName'));
        })

除了我不想为页面上的每个元素都编写该代码，因为这将花费很长时间并且在各个方面都非常不切实际。

Answer 1

使用选择器将您的侦听器绑定到全局对象上。

$(document).on('click', '*', function() {
  alert($(this).prop('tagName'));
});

应该管用。

Answer 2

document.body.addEventListener("click", function (e) {
       e = e || window.event;
       alert(e.toElement.getAttribute("id"));
});

Answer 3

这个怎么样

$(document).on('click', '*', function() {
    // Set clicked element's id to variable
    var elementName = $(this).attr('id');
    // Alert displaying id of clicked element
    alert(elementName);
})

Answer 4

这是一个纯javascript方法：

document.onclick = function(e) {
        e = e || window.event;
        var o = e.srcElement||e.target;
        alert(o.id);
    }