Javascript 显示一个元素'；s代码，同时单击其部分

我编写的代码在弹出消息中显示了整个文档的HTML代码：

<label>Hai world...</label>
<p>Test</p>

$(document).click(function(event) {
    var text = $(event.target).parent().html();
    alert(text);
});

Hai世界。。。
试验

$（文档）。单击（函数（事件）{
var text=$（event.target.parent（）.html（）；
警报（文本）；
});

如何缩小代码范围，只显示单击部分的特定HTML代码，而不显示整个文档的HTML代码

document.addEventListener('click', function() {
    alert(event.target.outerHTML);
}, false);

在不使用jQuery的情况下尝试此操作

这应该可以：

$(document).click(function(event) {
    var text = event.target.outerHTML;
    alert(text);
});

---

旁注：开始使用而不是警报。@A.Wolff：你应该回答这个问题！谢谢A.Wolff，但当我点击它时，消息框会显示元素的代码、整个文档和其他内容else@AP4MH：是的，那可能会冒泡。试试VickyGonsalves写的东西，但是使用

e.target

，而不是

this

。你误用了

标签。标签与表单输入一起使用，有助于辅助可访问性。这将使任何使用屏幕阅读器访问网站的人感到困惑。不是
This
–
e.target
，而是使用事件参数。