Pourquoi le javascript événement onchange ne pas se déclencher si la saisie semi-automatique est sur?

J'ai une zone de texte avec un événement onchange. Pourquoi cet événement se déclenche pas lorsque l'utilisateur utilise la fonctionnalité saisie semi-automatique pour remplir la zone de texte?

Je travaille avec Internet Explorer. Est-il un standard et solution relativement simple pour contourner ce problème, sans avoir à me désactiver la saisie semi-automatique?

InformationsquelleAutor Preets | 2008-12-05
  1. 17

    Dernière fois que j'ai eu ce problème, j'ai fini par utiliser la onpropertychange événement pour Internet Explorer à la place. J'ai lu que ici sur MSDN: il est recommandé de l'obtenir autour d'elle.

    • mais il semble que le feu à chaque fois que l'utilisateur appuie sur une touche. suis-je en train de faire quelque chose de mal ici ?
    • Non c'est malheureusement la façon dont il fonctionne. Mais je viens de trouver cette ressource, qui semble résoudre le problème d'une belle manière: jehiah.cz/archive/onchange-et-saisie semi-automatique
    • Remarque: onpropertychange semble ne plus fonctionner de manière fiable dans IE9, au moins dans mes tests.
    InformationsquelleAutor Tom Jelen
  2. 12

    J'ai rencontré cette particularité gênante avant et ma solution est d'utiliser l'événement onfocus pour enregistrer la valeur actuelle de la zone de texte, puis utilisez l'événement onblur pour vérifier si la valeur actuelle correspond maintenant à la valeur enregistrée au cours de onfocus. Par exemple

    <input type="text" name="txtTest" value="" onfocus="this.originalvalue=this.value" onblur="if (this.value != this.originalvalue) alert('Test has changed')"/>
    • Ce qui m'arrivait dans la dernière version de Chrome, donc clairement il n'est pas IE chose. Le onblur fixé mon problème.
    • onblur également résolu mon problème, et a travaillé dans IE 7,8,9 et 9 comp. Merci
    • Cela a très bien fonctionné pour moi, voici mon jquerified traduction: $("#my-field").focus(function(){this.originalvalue=this.value}).blur(function(){if (this.value != this.originalvalue) alert('changed')});
    InformationsquelleAutor Tim C
  3. 6

    Bâtiment sur Tim C de la réponse, voici le simple jquery je suis venu avec de gérer cela pour toutes les zones de texte sur une page:

    $("input[type=text]").bind("focus change",function(){
    this.previousvalue = this.value;
}).blur(function(){
    if (this.previousvalue != this.value){
        $(this).change();
    }
})

    Si vous n'avez pas de soins sur onchange de tir à plusieurs reprises, vous pouvez faire plus simple:

    $("input[type=text]").blur(function(){
    $(this).change();
})
    InformationsquelleAutor David Hammond
  4. 4

    J'ai juste trouvé que à l'aide de jQuery 1.4 pour définir l'événement de changement de peut résoudre ce problème. Il semble que la méthode la plus simple solution de ce problème si vous êtes déjà familier avec jQuery.

    • J'utilise jquery 1.7.1 et le choix de la saisie semi-automatique de l'entrée avec la touche de tabulation n'était pas de tir à l'événement de changement. J'ai utilisé Tim C de la solution.
    InformationsquelleAutor Darkthread
  5. 2

    - Je activer la saisie semi-automatique off pour les zones de texte j'ai besoin de tirer un texte d'événement de changement de

    'Turn off Auto complete 
'(it needs to fire the text change event)
 txtYourTextBox.Attributes.Add("AutoComplete", "off")

    Juste mis dans le chargement de la page.

    Alternativement, vous pouvez ajouter l'attribut à votre balise sur le input de l'élément ou de l'ensemble de la form:

    <input type=text autocomplete=off>

    ou 

    <form autocomplete=off>
    • Ce n'est pas vraiment une solution. La saisie semi-automatique est utile pour les utilisateurs. La question est de savoir sur la façon de travailler avec elle, de ne pas la désactiver.
    • Je l'adore! Forcer les éditeurs de navigateurs pour nous donner un meilleur support pour ces peluches caractéristiques qu'ils veulent ajouter, afin que nous puissions travailler avec eux... sinon, nous venons de les désactiver!
    • C'est une solution, car il s'éteint une fonctionnalité qui n'est pas de travail. J'ai un formulaire qui vivent valide chaque terrain, et quand ils sont remplis automatiquement, ils montrent toujours dans l'erreur. Je préfère ne pas utiliser la saisie semi-automatique, puis une rupture de la forme. Ce serait bien si les fournisseurs de navigateur, poserait un événement lors de la saisie automatique qui se passe.
    InformationsquelleAutor Big Briyan
  6. 1

    J'ai trouvé que la suite de jQuery (v1.10+) JavaScript fonctionne dans le cas du texte en cours de remplissage automatique pour HTML champs de saisie de texte. Cela a été testé pour fonctionner de manière fiable au moins dans Safari 6.1.1 sur Mac OS X 10.8.5, mais devrait fonctionner dans d'autres compatible navigateurs:

    $("input:text[id=text_field_id]").bind("focus change keyup blur", function(event) {
//handle text change here...
});

    Il semblait le plus de la blur gestionnaire d'événement a été la clé pour faire ce travail, même si les autres gestionnaires d'événements aider à s'assurer que le gestionnaire d'événements est appelée à tout moment de la modification du texte, que ce soit en raison d'une modification ou nouvelle entrée par le navigateur de la fonctionnalité d'auto-complétion.

    Il suffit de remplacer le "input:text[id=text_field_id]" code ci-dessus avec le sélecteur pour sélectionner votre champ de saisie de texte, ou si à l'aide de la id attribut de vous référer à votre domaine, remplacer text_field_id avec votre champ de texte id valeur de l'attribut.

    InformationsquelleAutor bluebinary