détecter si le texte est inséré le champ de saisie par jquery puis exécuter une fonction

Question

i ont un champ d'entrée qui est actuellement mis en lecture seule par attribut html readonly je suis l'insertion de texte dans ce domaine en utilisant jquery .html() procédé

<input type="text" id="myField" readonly="readonly" /> 

maintenant j'ai une fonction myFunction() et je veux qu'il soit appelé quand le texte est inséré dans ce champ par jquery

Merci d'avance pour toute aide!

Answer 1

Pour obtenir ce dont vous avez besoin, vous pouvez définir la valeur à l'aide val(), puis déclencher un événement change que vous pouvez brancher un gestionnaire d'événements à:

$('button').click(function() { 
 
    $('#myField').val('foo').trigger('change'); 
 
}); 
 

 
$('#myField').change(function() { 
 
    console.log('value changed...'); 
 
});

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

 
<button>Set value</button>

Answer 2

J'espère que cela vous aidera ...

<input type="text" id="myField" readonly="readonly" value=""/> 

<script> 
$('#myField').on('change', function(){ 
     if($('#myField').val()!=""){ 
     myFunction(); 
     } 
}); 
</script>