Javascript 如何在不与已定义事件冲突的情况下实现全局单击处理程序

我希望将单击事件绑定到网页中的所有元素，而不会与已定义的事件发生冲突。我正在尝试使用以下代码来定义全局单击事件

$("body").click(function (event) {
}

我使用这个点击事件来判断它是否是一个页面重定向，并将数据保存到html5历史对象中。在已经定义的系统中实现这种逻辑的最佳方式是什么

<input type="button" onclick="buttonClick()" value = 'hey' />

<script>
$("body").click(function(){
    alert("hey body");
});
$("body").click(function(){
    alert("hey body 2");
});

function buttonClick(){
    alert("hey button");
}
</script>

$（“正文”）。单击（函数（）{
警惕（“嘿，身体”）；
});
$（“正文”）。单击（函数（）{
警惕（“嘿，身体2”）；
});
函数按钮单击（）{
警惕（“嘿按钮”）；
}

检查这个简单的测试

点击body会触发“hey body”和“hey body 2”

---

点击按钮将触发“嘿按钮”、“嘿身体”和“嘿身体2”。事件只是简单地相互叠加，每个链接的事件都会被触发。

您的意思是，如果单击事件直接在

主体

元素上执行，而不是在子元素上执行，例如，a

div

？它不会对已设置的事件产生任何影响。自己做一个简单的测试。可能重复的