La boîte de texte d'entrée onchange ne se déclenche pas lorsque des données sont affectées à la boîte de texte d'entrée.

Question

Voici ma page HTML

<script>
function set()
{
document.getElementById("txt").value++;
}
</script>
<input id="txt" type="text" onchange="javascript:alert('txt changed');" value="0">
<br/>
<input type="button" onclick="set()" value="Set Data"/>

Lorsque j'appuie sur le bouton, la valeur de la zone de texte change, mais l'événement onchange ne se déclenche pas, mais lorsque je saisis manuellement une valeur dans la zone de texte, l'événement onchange se déclenche.

Tout ce que je veux, c'est appeler une fonction JavaScript lorsque les données sont modifiées dans la zone de texte lorsque l'on clique sur un bouton.

Pouvez-vous nous aider ?

Answer 1

Vous pouvez déclencher un changement à partir du code en utilisant document.getElementById("txt").onchange(); après la modification de la valeur par le code

UPDATE

changez votre fonction set pour prendre l'id de la zone de texte

function set(textboxid)
{
    var tb = document.getElementById(textboxid);
    tb.value++;
    tb.onchange();
}

Answer 2

Il semble que ce soit un bug du navigateur. Avec firebug, j'ai enregistré tous les événements dans l'entrée. Tous les événements sont déclenchés lorsque vous changez la valeur avec la fonction set() ;

J'ai testé dans firefox.

---

Remarque : si ce n'est pas un bogue, c'est au moins une définition erronée du fonctionnement des événements.