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

Question

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

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

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

Answer 1

<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>

检查这个简单的测试。

点击 body 会触发 "hey body" 和 "hey body 2"。

点击按钮会触发"Hey button""Hey body"和"Hey body2"。这些事件只是简单地叠加在一起，每个链接的事件都会被触发。

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

How to implement a global click handler without conflicting with already defined events

html

javascript

jquery

html5-history