Discussion :

[Tristan Zwingelstein]

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 :

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

[danielhagnoul]

Bonsoir.

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[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.