点击事件精准捕获：如何用JavaScript获取被点击的HTML元素？

javascript精准捕获点击事件：如何获取被点击的html元素？

网页开发中，精确获取用户点击的HTML元素至关重要。本文解决一个常见的JavaScript事件处理难题：如何确保点击页面元素时，console.log输出的是被点击元素本身，而非其父元素或其他相关元素。

问题： 代码旨在打印用户点击元素的标签名。使用document.addEventListener(‘click’, handler)监听点击事件，并用document.activeElement.tagName获取焦点元素标签名。然而，点击

标签内内容时，输出为body，而非预期的p。

示例代码：

<p>content in p</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a>”；</p><input type="text"><textarea></textarea><script>function handler(event) {    var x = document.activeElement.tagName;    console.log(x);}document.addEventListener('click', handler);</script>

登录后复制