将每个链接的点击事件绑定到它们自己的元素上,而不是绑定到整个文档的 body 元素上。这样可以避免多个链接连续点击时出现的问题。
代码示例:
HTML:
Link 1
Link 2
JavaScript:
document.getElementById('link1').onclick = function() {
window.location.href = this.href;
return false;
}
document.getElementById('link2').onclick = function() {
window.location.href = this.href;
return false;
}
这个示例代码中,我们将每个链接的点击事件绑定到它们自己的元素上,通过 JavaScript 改变浏览器的 URL 跳转到目标页面。同时,我们有意地返回 false 来取消默认链接点击事件,确保只有 JavaScript 处理了点击事件。