我想在我单击的 HTML 文档中获取当前元素（无论是什么元素）。我在用：
$(document).click(function () {
alert($(this).text());
});
但很奇怪，我得到了整个（！）文档的文本，而不是被点击的元素。
如何只获取我点击的元素？
<body>
<div class="myclass">test</div>
<p>asdfasfasf</p>
</body>
如果我单击“测试”文本，我希望能够$(this).attr("myclass"在 jQuery 中使用)读取属性。
您需要使用event.targetwhich 是最初触发事件的元素。在this您的示例代码指document。
在 jQuery 中，这是...
$(document).click(function(event) {
var text = $(event.target).text();
});
没有jQuery...
document.addEventListener('click', function(e) {
e = e || window.event;
var target = e.target || e.srcElement,
text = target.textContent || target.innerText;
}, false);
另外，请确保您是否需要支持 < IE9attachEvent()而不是addEventListener().
event.target 得到 element
window.onclick = e => {
console.log(e.target); // to get the element
console.log(e.target.tagName); // to get the element tag name alone
}
从被点击的元素中获取文本
window.onclick = e => {
console.log(e.target.innerText);
}
在 body 标签中使用以下内容
<body onclick="theFunction(event)">
然后在javascript中使用以下函数来获取ID
<script>
function theFunction(e)
{ alert(e.target.id);}
您可以在event.target以下位置找到目标元素：
$(document).click(function(event) {
console.log($(event.target).text());
});
参考：
使用delegate和event.target。delegate通过让一个元素侦听和处理子元素上的事件来利用事件冒泡。target是event表示事件源自的对象的对象的 jQ 归一化属性。
$(document).delegate('*', 'click', function (event) {
// event.target is the element
// $(event.target).text() gets its text
});