Un onClick ne marche pas après un onChange.

Version imprimable

24/11/2010, 15h17
FrenchFrogger

Un onClick ne marche pas après un onChange.

Voilà mon problème: j'ai un onChange dans un input de type "text", et un onClick dans un input de type "button". Je renseigne le input de type "text" puis je clique immédiatement sur le bouton. Le contenu du onChange (un alert) est bien exécuté, mais le contenu du onClick du bouton n'est pas exécuté.
J'ai essayé avec un code très simple, sans solution.
J'utilise IE 8.
D'autres ont le même problème ( http://www.codingforums.com/showthread.php?t=187383 ), sans avoir trouvé de solutions.
24/11/2010, 15h22
SpaceFrog

un return true à la fin du onchange ?
24/11/2010, 15h29
FrenchFrogger

Non, pas mieux (sous IE comme sous Firefox).

En effet curieux ...
Code:

1 2 <input type='text' onchange="alert('change');" value="" /> <input type='button' onclick="alert('click')" value="bouton" />
ça marche en passant par le onfocus ...

J'ai pas de Frog dans mon pseudo :(

C'est l'alert qui perturbe le onclick on dirait car ceci déclenche bien les deux évènements :
Code:

1 2 3 4 <input type='text' onchange="document.getElementById('test').value=this.value" value="" /> <input type='button' onclick="alert('click');" value="bouton" /> <input type='text' value='' id="test"/>

J'ai trouvé une solution pas terrible:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript">
lancer = 0;
 
function trucClick ()
{
      lancer = 0;
      alert('click');
}
 
function trucChange ()
{
      alert('change');
      if (lancer == 1)
      {
           trucClick();
      }
}
</script>
 
 
<input type='text' onchange="setTimeout('trucChange()',250);" value="" />
<input type='button' onclick="lancer = 1;" value="bouton" />

J'ai pas trouvé mieux, même en mettant un Frog dans les noms.

24/11/2010, 20h25
vermine
Comme l'a dit SpaceFrog, ceci fonctionne :
Code:

1 2 3 <input type='text' onchange="alert('change');" value="" /> <input type='button' onfocus="alert('click')" value="bouton" />
Mais bon, si on se met dans le champ puis qu'on fait "tabulation", le bouton n'est pas cliqué mais l'alert se lance quand même... :roll:

Il y a sans doute un moyen plus joli de contourner le problème.
25/11/2010, 09h27
FrenchFrogger

J'ai adopté la solution avec le setTimeout. La solution avec le onFocus ne me convient pas car je veux que l'exécution ait lieu uniquement lorsqu'on clique sur le bouton, et non en faisant tabulation.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
var changed= false
</script>
 
</head>
 
<body>
 
 
<input type='text' onchange="changed=true;" value="" />
<input type='button' onfocus="if(changed){alert('click'), changed=false}" value="bouton" />
 
</body>