jQuery wykrywa zmianę wartości pola tekstowego NIE na podstawie danych wprowadzonych przez użytkownika

Question

Załóżmy, że masz proste pole tekstowe i przycisk na swojej stronie. Kliknięcie przycisku zaktualizuje wartość pola tekstowego:

HTML:

<input type="text" id="myText" val="" /> 
<input type="button" id="myBtn" value="Change TextBox Value" /> 

jQuery:

$("#myBtn").on('click', function() { 
    $("#myText").val('adsf'); 
}) 

Chciałbym dodać detektor zdarzeń dla zdarzenia zmiana pola tekstowego, jak więc:

$('#myText').on('change', function(){ 
    alert('Changed!') 
}); 

To ostrzeżenie nie zostanie wyzwolone po kliknięciu przycisku, ale zostanie wyzwolone pl ręcznie zmień wartość pola tekstowego i ustaw ostrość z niego.

Wiem, że można dodać $("#myText").trigger('change') do zdarzenia onclick przycisku, ale chcę to osiągnąć tylko przez dodanie detektora zdarzeń do pola tekstowego.

jsfiddle

Dzięki

Answer 1

Nie ma takiego zdarzenia. Jedyną rzeczą, można spróbować jest ustawienie interwału lub limitu czasu, aby sprawdzić, czy wartość została zmieniona (używając dane do przechowywania wartości tymczasowe):

var $myText = $("#myText"); 

$myText.data("value", $myText.val()); 

setInterval(function() { 
    var data = $myText.data("value"), 
     val = $myText.val(); 

    if (data !== val) { 
     $myText.data("value", val); 
     alert("changed"); 
    } 
}, 100); 

DEMO:http://jsfiddle.net/xZcAr/1/

Answer 2

trzeba by połączyć obie ładowarki. Aby ponownie użyć programu obsługi, możesz go wyodrębnić do nazwanej funkcji:

function showChanged(){ 
    alert('Changed!') 
} 

$("#myBtn").on('click', showChanged); 
$("#myText").on('change', showChanged); 

Answer 3

Dlaczego nie wymusić obsługi zdarzenia, gdy przycisk zostanie kliknięty jak tak -

$('#myText').on('change, blur',function(e){ 
    alert('Changed!'); 
}); 

$("#myBtn").on('click', function() { 
    $("#myText").val('adsf'); 
    $("#myText").blur(); 
}) 

Answer 4

trzeba po prostu używać keyup funkcję:

$("#myText").keyup(function(){ 
    alert($(this).val()); 
});