du comportement de "onchange"

**Soundboy39** · 02/03/2012, 10h53

Bonjour,

Voilà comme vous pouvez le considérer je suis très débutants en javascript.

Je sais bien utiliser l’événement "onclick", mais j'ai
un peu plus de mal avec l’événement "onchange".

J'aimerai qu'une fonction définie s’exécute lors de la modification du contenu d'une "input".

Voici mon code très simplifier :

<input id="input" type="text" onchange="gethello();" />

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
 
<html>
 
<body>
  <input id="input" type="text" onchange="gethello();" />
</body>
 
</html>
 
<script type="text/javascript">
 
function gethello()
{
  var entree = document.getElementById('input').value;
  var entree_len = entree.length;
 
  if (entree_len == 5)
  {
    alert('hello');
  }
}
 
</script>

Mon problème est que gethello() s’exécute uniquement lorsque, après avoir modifier la valeur de la "input", je clique à un autre endroit de la page, hors j'aimerai qu'il s’exécute au fur et à mesure que l'on rempli l'input , pour que alert(hello) s’exécute une fois qu'il y a 5 champs ajoutés

Comment faire ??? Merci d'avance pour vos réponses et bonne journée

MICKAEL

**Bovino** · 02/03/2012, 10h57

Ben en même temps, c'est le comportement attendu de onchange : se déclencher lorsque le champs a changé de valeur et qu'il perd le focus.

Si tu veux faire la vérification à chaque nouveau caractère, il faut passer par d'autres événements, comme onkeypress et onkeyup

**Soundboy39** · 02/03/2012, 22h08

C'est exactement ce que je cherchais... merci beaucoup et bon week-end.

du comportement de "onchange"

JavaScript

Partager

Partager