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

Posted 2023-03-05

【中文标题】在双击事件侦听器上停止 href 进入下一页

【英文标题】：Stop href from proceeding to next page on doubleclick event listener

【发布时间】：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())

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