如何解决单击处理程序一键触发两次
一个页面显示一个带有 OK 按钮的对话框。在某些情况下，单击“确定”按钮会触发其单击处理程序两次（event.timeStamp 相同）。在点击处理程序中调用 event.stopPropagation() 并没有使问题消失。
我通过将 event.timeStamp 与其之前的值进行比较来“修复”了这个问题。这不是一个非常令人满意的修复。还可以做什么？
情况
这个问题是在对多年来一直在运行和发展的代码进行相对较小的更改之后出现的。有很多，并且很难将其缩减为几行以进行说明。更改包括添加一个对话框来加载当前年份以外的年份的潮汐数据。 FWIW 这里是页面工作原理的一个非常简短的摘要。
打开时，它会发送一个 GET 请求，获取一年的潮汐流数据。随后，一种方法增加时间，在 NOAA 图表上绘制适合该时间的矢量场，并安排自己在几秒钟后运行。它在一个时间范围内以这种方式迭代。
用户可以定义一条航线，沿着这条航线运行一艘船，并查看水流如何影响其航迹。包含启动时间的课程定义可以保存（作为 cookie）和恢复。如果在尝试恢复课程时，可用的当前数据不包含启动时间，则会发出警告并关闭对话框而不更改页面状态。
然后用户可以打开第二个对话框来获取适当的潮汐数据。然后他们可以再次尝试恢复课程。此对话框更改描述时间和时间范围的潮汐数据和参数。
问题 - 一次点击有两个响应 - 仅在尝试加载课程失败、加载新数据集并第二次尝试加载课程时发生。
在第二次尝试中，处理加载课程对话框的“确定”按钮的代码获得两次相同的 Click 事件。我得出结论它是“相同的事件”，因为 timeStamp 值是相同的。奇怪的是，
如果先加载潮汐数据，然后再检索课程，则不会出现问题。
我对答案不乐观；详细的描述不可能很长。欢迎提出建设性建议。 （event.preventDefault() 不会改变行为。没想到会改变，但是尽职调查和所有这些。）
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。