Simuler le double - clic avec internet explorer

Version imprimable

26/04/2010, 16h18
Tristan Zwingelstein

Simuler le double - clic avec internet explorer

Je cherche à détecter de manière distincte l'évènement clic et l'évènement double - clic sur un élément.

Seulement ces deux évènements ne sont pas compatibles pour le même élément html :

Citation:

It is inadvisable to bind handlers to both the click and dblclick events for the same element. The sequence of events triggered varies from browser to browser, with some receiving two click events and others only one. If an interface that reacts differently to single- and double-clicks cannot be avoided, then the dblclick event should be simulated within the click handler. We can achieve this by saving a timestamp in the handler, and then comparing the current time to the saved timestamp on subsequent clicks. If the difference is small enough, we can treat the click as a double-click.

src : http://api.jquery.com/dblclick/

J'ai donc opté pour la solution préconisée par la doc de jQuery et dont on trouve un exemple ici

Seulement, si vous testez avec IE, les clics sont détectés à intervalles très lents. On ne peut donc pas simuler un double - clic "rapide".

Une solution à cela?

merci

Bonsoir.

Je n'ai pas trouvé. Voir les commentaires dans mon code de test.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script>
	$(function(){
		$("#conteneur").bind("doubleclick", function(event, delai, delta){
			// votre code
			$(this).append("<p>" + delai + ", " + delta + " : L'utilisateur a fait un double click !</p>");
		});
 
		var last, diff, millisecondes = 0;
 
		$("#conteneur").click(function(event){
			millisecondes = event.timeStamp;
 
			if (last > 0){
				diff = millisecondes - last;
 
				/*
				 * Pour IE, lorsque l'élément DOM a un contenu sélectionnable,
				 * il faut trois clics ! Ce qui explique la lenteur de la réaction.
				 */
				if (diff < 2000) { // 500 pour C et F !!!
					$("#conteneur").trigger("doubleclick", [millisecondes, diff]);
				}
			}
 
			last = millisecondes;
 
			return false; // si l'événement n'est pas utile ailleurs dans le DOM
		})
	});
</script>

27/04/2010, 08h16
Tristan Zwingelstein

Oui c'est aussi ce que j'ai constaté.
Le problème pour qu'on puisse avoir un comportement de double clic il faudrait que ce soit moins de 500 ms.