Un onClick ne marche pas après un onChange.

**FrenchFrogger** · 24/11/2010, 15h17

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.

**SpaceFrog** · 24/11/2010, 15h22

un return true à la fin du onchange ?

**FrenchFrogger** · 24/11/2010, 15h29

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

**SpaceFrog** · 24/11/2010, 15h34

En effet curieux ...

Code :

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

1
2
<input type='text' onchange="alert('change');" value="" />
<input type='button' onclick="alert('click')" value="bouton" />

ça marche en passant par le onfocus ...

**vermine** · 24/11/2010, 15h42

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

Code :

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

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"/>

**FrenchFrogger** · 24/11/2010, 16h07

J'ai trouvé une solution pas terrible:

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

**vermine** · 24/11/2010, 20h25

Comme l'a dit SpaceFrog, ceci fonctionne :

Code :

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

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

Il y a sans doute un moyen plus joli de contourner le problème.

**FrenchFrogger** · 25/11/2010, 09h27

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.

**SpaceFrog** · 25/11/2010, 09h45

Code :

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

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>

Un onClick ne marche pas après un onChange.

JavaScript

Discussions similaires

Partager

Partager