即使单击一次，JavaScript Click事件也会触发多次

Question

当我单击overlay按钮时，单击甚至触发两次，因此两次发送警报消息。

点击事件代码位于handler函数内部。

此外，处理程序函数在“ ajax：complete”中的调用方式为：

$(handler);
$('ajax:complete', handler);

这样做是为了在页面上发出Ajax请求后立即重新加载处理程序功能，以重新加载项目中嵌入的Google Map。

document.getElementById("overlay").addEventListener('click', function () {
            alert("Hello");
        })

Answer 1

可能有重复的ID。 使用重复的id属性值是无效的HTML，因为HTML规范明确指出属性必须是唯一的。实际上，大多数浏览器都可以处理重复的ID，但是从理论上讲，如果JavaScript基于这些ID值来解析或调用DOM元素，它们可能会引起问题。 请检查解析是否正确。