onclick et ondblclick sur m�me �l�ment : le premier est appel� lors du double clic

**skeud** · 06/07/2011, 14h35

Bonjour, j'ai un td qui poss�de deux attribut:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

onclick="alert('simple click');"

et

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

ondblclick="alert('double click');"

Je suis sous ie 7 (�videmment c'est ma boite qui choisis ce navigateur

pas moi) et l��v�nement onclick est appel� lors du double clique.

Ma question: comment faire pour que seul l��v�nement ondblclick soit appel� lors d'un double clic ?

Merci d'avance

**RomainVALERI** · 06/07/2011, 17h45

Une tempo sur l'effet du simple click ? ^^
Du genre :

HTML :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<button onclick="click_simple()" ondblclick="click_double()">

(en supposant un bouton par exemple mais �a n'a bien s�r pas d'importance pour le probl�me pos�)

JS :

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
var meche;// pour la métaphore... allumer/éteindre la mèche ^^
function click_simple() {
   if (!meche)// pour ne pas lancer la fonction en doublon/triplon/etc.
      meche = setTimeout(function() {
         alert("simple clic");
      }, 500);// une demi-seconde par exemple mais à ajuster probablement
   }
}
 
function click_double() {
   if (meche) clearTimeout(meche);// pschit.
   alert("double clic");
}

**NoSmoking** · 06/07/2011, 19h00

Bonjour,

Envoy� par skeud

Je suis sous ie 7 (�videmment c'est ma boite qui choisis ce navigateur

pas moi) et l'evenement onclick est appel� lors du double clique.

ce le m�me probl�me sur TOUS les navigateurs.

Attention � l'effet pervers d'un dbclick qui n'est autre que 2 simples click, la fonction mise sur le simple click peut �tre appel� 2 fois, il convient donc de bloquer celle ci.

Je te propose une petite variante, le principe �tant le m�me que celui d'�crit par RomainVALERI

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
<!DOCTYPE html>
<html>
<head>
<title>[...]</title>
<script type="text/javascript">
var iTimer, bDouble;
function fctClick(){
  bDouble = false;
  iTimer = setTimeout( function(){
    if( !bDouble){
      alert( 'fctClik');
    }
  }, 250);
}
function fctDbClick(){
  bDouble = true;
  clearTimeout( iTimer);
  alert( 'fctDbClik');
}
</script>
</head>
<body>
<div style="border:1px solid black; width:200px; height:50px;"
  onclick = "fctClick();"
  ondblclick = "fctDbClick();">
  Test
</div>
</body>
</html>

Derni�re petite remarque, ce n'est quand m�me pas tr�s ergonomique que de mettre un onclick et ondbclick sur un m�me �l�ment!

**RomainVALERI** · 06/07/2011, 20h09

[variante propos�e par NoSmoking]

Oui, je pense que techniquement il est plus souhaitable de ne g�rer qu'un seul �v�nement (ici le clic) j'aime bien l'am�lioration propos�e.

Envoy� par NoSmoking

Derni�re petite remarque, ce n'est quand m�me pas tr�s ergonomique que de mettre un onclick et ondbclick sur un m�me �l�ment!

Je n'y avais pas pens� spontan�ment mais je suis l� aussi d'accord avec NoSmoking ^^

Il y a quelques contextes qui peuvent justifier (au moins partiellement) ce choix mais c'est rare... (sur mobile, vu le manque d'espace disponible peut-�tre ? et encore... le double clic tactile... je n'ai pas de smartphone mais rien que l'id�e me glace d'effroi

)

**skeud** · 07/07/2011, 08h20

Merci pour vos r�ponses, mais finalement j'ai solutionn� mon probl�me, en fait la probl�matique �tait la suivante:

J'avais une case de tableau qui devait se colorer en vert lors du clique (pour signaler une personne pr�sente) et en rouge lorsque cette personne n'est pas pr�sente.
Je voulais donc lors du clic: personne pr�sente.
Lors du doubleclick:personne non pr�sente.

En fait j'ai fait avec php, un flag qui varie suivant si la personne est pr�sente ou non, donc juste un click qui changera une valeur dans la bdd

Je garde quand m�me vos r�ponses, on sait jamais, �a peut servir

Merci encore et d�soler du d�rangement, mais comme souvant, c'est en postant notre probl�me sur dvp qu'on trouve la solution par nous m�me

**RomainVALERI** · 07/07/2011, 09h39

Envoy� par skeud

Merci encore et d�soler du d�rangement, mais comme souvant, c'est en postant notre probl�me sur dvp qu'on trouve la solution par nous m�me

Oui, ne t'inqui�te pas, nous avons tous d'ores et d�j� accept� de partager ce destin fac�tieux avec les cur�s, les psychanalystes et aujourd'hui m�me les "coaches"...

onclick et ondblclick sur m�me �l�ment : le premier est appel� lors du double clic

JavaScript

Vue hybride

Discussions similaires

Partager

Partager