Comment déclencher un lien (une balise) avec un double clic au lieu d’un simple clic?

Existe-t-il un moyen de conserver tous les effets de survol, mais de déclencher le lien du tag (vers une autre page) uniquement lorsque vous double-cliquez? Merci!

Une réponse javascript pure? (pas de jQuery)

Je suis venu avec ceci (sans jQuery, en utilisant uniquement un gestionnaire d’événements onclick):

var clicked=false; var el = document.getElementById('link'); var maxClicksDelay = 500; // in milliseconds el.onclick = function(e) { if(!clicked) { clicked = true; setTimeout(function() { clicked = false}, maxClicksDelay ); e.preventDefault(); } } 

jsfiddle

Je n’irais bien sûr pas contre la norme d’un clic, mais si c’est ce que vous souhaitez:

Vous pouvez trouver une réponse à cela ici

Copier de la réponse ci-dessus:

HTML:

 Go Somewhere 

JavaScript utilisant jQuery:

 jQuery(function($) { $('#golink').click(function() { return false; }).dblclick(function() { window.location = this.href; return false; }).keydown(function(event) { switch (event.which) { case 13: // Enter case 32: // Space window.location = this.href; return false; } }); }); 

Je suggérerais d’append un atsortingbut pour gérer les liens avec une option de double clic.

 Link ^^^^^^^^ 

A la fin de votre document html, ajoutez ces lignes pour trouver les ancres avec un atsortingbut spécifique ‘dblclick’: