Comment le feu JQuery événement de changement lors de la saisie d'une valeur modifiée par programmation?

Je tiens à feu JQuery change événement lors de la saisie du texte est modifiée par programmation, par exemple comme ceci:

JS:

$("input").change(function(){
    console.log("Input text changed!");
});
$("input").val("A");

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' />

Mais ça ne fonctionne pas. Comment puis-je faire ce travail?

InformationsquelleAutor Mohammad | 2015-11-24
  1. 33

    changement événement ne se déclenche lorsque l'utilisateur tape dans l'entrée, puis perd le focus.

    Vous avez besoin de déclencher l'événement manuellement à l'aide de modifier() ou trigger('modifier')

    JS:

    $("input").change(function() {
  console.log("Input text changed!");
});
$("input").val("A").change();

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type='text' />

    InformationsquelleAutor Pranav C Balan
  2. 5

    Le gestionnaire d'événement .change() se comporte comme une soumission de formulaire en gros quand les changements de valeur sur soumettre la console de log. Afin de se comporter sur la saisie de texte vous pouvez utiliser l'entrée, comme ci-dessous:

    JS:

    $("input").on('input', function(){
    console.log("Input text changed!");
});
$("input").val("A");

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' />

    InformationsquelleAutor kawnah
  3. 1

    Ce que vous devez faire est de déclencher la change événement une fois que vous avez mis le texte. Donc, vous pouvez créer une fonction pour faire cela, alors vous n'aurez pas à le répéter à chaque fois que vous devez mettre à jour le texte, comme ceci:

    function changeTextProgrammatically(value) {
    $("input").val( value );
    $("input").trigger( 'change' ); //Triggers the change event
}

changeTextProgrammatically( "A" );

    J'ai mis à jour le violon,

    InformationsquelleAutor RageAgainstTheMachine
  4. 0

    Vous pouvez utiliser le DOMSubtreeModified événement:

    $('input').bind('DOMSubtreeModified',function(){...})

    Si vous souhaitez feu les deux de l'utilisateur et les changements de code:

    $('input').bind('input DOMSubtreeModified',function(){...})

    Cet événement est marqué comme obsolète et parfois assez CPU de temps, mais il peut aussi être très efficace lorsqu'il est utilisé avec soin...

    InformationsquelleAutor Dr Fred
  5. 0

    jquery événement de changement ne fonctionne que lorsque l'utilisateur tape dans l'entrée, puis perd le focus. Ainsi, vous pouvez utiliser la solution de contournement suivante pour le faire:-
    Disons que vous avez un bouton en cliquant, ce qui entraîne la variation de la valeur d'entrée. (ce pourrait être n'importe quoi d'autre, ainsi au lieu d'un bouton)

    var original_value = $('input').val();
$('button').click(function(){
var new_value = $('input').val();
if(original_value != new_value ){
   //do something
  }
//now set the original value to changed value (in case this is going to change again programatically)
original_value = new_value;
})
    InformationsquelleAutor Arun Kumar