在双击事件侦听器上停止 href 进入下一页

【问题标题】：Stop href from proceeding to next page on doubleclick event listener在双击事件侦听器上停止 href 进入下一页
【发布时间】：2021-12-19 04:59:48
【问题描述】：

我有一个链接到另一个页面的锚标记，但是如果用户双击它，我想覆盖它并且不让页面继续。

<a href="{location}">My Link</a>
element.addEventListener('dblclick', (event) => event.preventDefault())

问题是：event.preventDefault() 只阻止双击默认，不阻止单击默认。

【问题讨论】：

【解决方案1】：

改为侦听click 事件，该事件也会在dblclick 上触发：

var element = document.querySelector('a')
element.addEventListener('click', (event) => event.preventDefault())

&lt;a href="https://google.com"&gt;My Link&lt;/a&gt;

【讨论】：