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

Question

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

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

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

Answer 1

改为监听 click 事件，该事件也会在 dblclick:

上触发

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

<a href="https://google.com">My Link</a>