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);
    }

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

4 个答案: