Stop href from proceeding to next page on doubleclick event listener

user_9951599 0
Viewed 43

I have an anchor tag that links to another page, but if the user double clicks it I want to override and not let the page proceed.

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

Problem is: event.preventDefault() only prevents the double click default, not the single click default.

event-listener href anchor html javascript
1 Answers

Listen for the click event instead, which also fires on dblclick:

var element = document.querySelector('a')
element.addEventListener('click', (event) => event.preventDefault())
<a href="https://google.com">My Link</a>

user_142512210
Related