[IE] Problème onclick

Version imprimable

26/04/2007, 09h06
dam_moreyllo

[IE] Problème onclick

Bonjour.
J'ai un problème sous IE6 (sur FF y a pas de problème et IE7 je sais pas) avec l'évènement de clic. J'ai une fonction qui s'exécute chaque fois qu'on clique sur un bouton.
Le problème c'est quand on clique plusieurs fois rapidement sur le bouton, le premier clic est pris mais pas le deuxième, ensuite le troisième est pris, mais pas le quatrième, etc. Surement que le deuxième clic est pris comme un double-clic, mais pourquoi n'exécute-t-il pas quand même l'action onclick ? Est-ce un bug d'IE ou moi qui m'y prends mal ?

Code html du bouton :

Code:

<a href="javascript: void(0);" onclick="anneeSuivDC()" class="aLiensDC">>></a>
26/04/2007, 09h19
SpaceFrog

perso je n'aimerais pas que mon doubleclick exécute d'abord le simple click ...

il faudrait alors faire à chaque fois un setTimeout sur le simple click et un clearTimeout sur le doubleclick ????

ensuite ça doit dépendre de ton système, si tu est un rapide de la gachette il suffit de paramètrer la rapidité du double click dasn le panneau de config ...

sinon dans le doubleclick appelle la focntion du simple click ?
26/04/2007, 09h26
lioledingue

Moi je pencherais sur le coup du href="javascript:void(0)".
Pitètre que le navigateur se mélange les pinceaux et il ne sait pas s'il doit exécuter l'action du clic ou retourner rien (void).

Si tu veux supprimer l'attribut href mais conserver le pointeur en forme de main, tu peux faire un petit coup de CSS :

Code:

<a onclick="anneeSuivDC()" class="aLiensDC" style="cursor:pointer; ">>></a>

Audioslave powa !
26/04/2007, 09h28
dam_moreyllo

Ben lorsqu'on définit un onclick et un ondblclick certes ça serait bien de pas considérer le double comme un simple, mais la ce n'est pas mon cas. Il est quand même logique d'attendre d'un onclick qu'il se déclenche à chaque clic de souris, qu'il soit considérer comme un double ou pas ! D'ailleurs c'est ce que fait FF.
Quant à déclencher la fonction aussi dans ondblclick, ça veut dire qu'il faut que j'exécute la fonction que si c'est IE, parce que sinon FF va la déclencher 2 fois pour le même clic...

Bref je trouve qu'IE devrait prendre comme slogan "pourquoi faire simple quand on peut faire compliqué"...
26/04/2007, 09h36
SpaceFrog

je confirme que le href n'a rien à voir là dedans ...
j'ai testyé sans href et même resultat !
j'ai également testé avec un bouton !
et... même resultat, j'ai testé en augmentant la rapidité du doubleclick sur la souris et ... ben c'est beucoup mieux, donc le delai correspond au temps de lantence ente le click et le double click ...

on doit pouvoir passer par un teste dans le doubleclick pour contourner ce temps de latence ...
26/04/2007, 10h37
dam_moreyllo

Je comprends pas...
J'ai essayé de traiter aussi l'évènement ondblclick mais ça marche pas.
J'ai même essayé ceci :

Code:

<a href="javascript: void(0);" onclick="moisSuivDC(false);" ondblclick="alert('coucou');" class="aLiensDC">></a>

et l'alert n'est pas affichée !
D'ailleurs ça ne le fait pas non plus sous FF...
26/04/2007, 10h42
SpaceFrog

avec une balise a c'est normal la href est lancé avant le double click il faut faire un return false à la fin du onclick, ou encore ne pas mettre de href du tout et ajouter un

Code:

style="curor:pointer;"
26/04/2007, 10h44
dam_moreyllo

ben justement je viens d'essayer avec ceci :

Code:

<div ondblclick="alert('coucou');" onclick="moisSuivDC(false);" class="aLiensDC">></div>

et ça fait toujours pareil
26/04/2007, 10h45
SpaceFrog

as tu augmenté la rapidité du click de souris dasn ton panneau de config ?
26/04/2007, 10h47
dam_moreyllo

ben ça c'est une fausse solution parce que je vais pas demander à tout les visiteurs de faire ça !

Code:

1
2
3
4
5
<div onclick="gotcha.innerHTML+='0'" ondblclick="gotcha.innerHTML+='1'">ici</div>
<div id='g'></div>
<script type='text/javascript'>
var gotcha=document.getElementById('g')
</script>

26/04/2007, 11h03
dam_moreyllo

Je ne comprends toujours pas...
J'ai essayé ce que tu m'a donné et ça marche bien...
Bon je vais essayer de créer mes boutons d'une autre manière parce que la je commence à en avoir marre...

avec onmousedown et onmouseup ?

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
var timer = null;
var c=0;
var delai = 100;
 
function compteur()
{
 document.getElementById("cpt").innerHTML = c;
 c++;
}
 
function mouseDown(ev)
{
 //c = 0;
 if (ev.button==0 && timer==null)
    timer = setInterval("compteur()",delai);
}
 
function mouseUp(ev)
{
 if (ev.button==0)
 {
   if (timer!=null)
   {
    clearInterval(timer);
    timer = null;
   }
 }
}
 
 
//-->
</script>
 
</head>
 
<body>
 
<span style="cursor: pointer" onmousedown="mouseDown(event)" onmouseup="mouseUp(event)">cliquez ici</span>
 
<div id="cpt"></div>
 
</body>
 
</html>

26/04/2007, 12h07
dam_moreyllo

Bon en fait j'ai résolu le problème et ça ne venait pas du fait du double-clic mais de ce qu'il impliquait du premier clic...
Merci en tout cas de m'avoir aidé !