Wykrywanie zmiany wartości wejścia [typ = tekst] w jQuery

Chcę wykonać funkcję za każdym razem, gdy zmienia się wartość określonego pola wejściowego. To niemal pracuje $('input').keyup(function), ale nic się nie dzieje podczas wklejania tekstu w polu, na przykład. $input.change(function)uruchamia się tylko wtedy, gdy dane wejściowe są zamazane, więc skąd mam natychmiast wiedzieć, gdy pole tekstowe zmieniło wartość?

pamiętaj tylko, że 'on' jest zalecane zamiast funkcji 'bind', więc zawsze staraj się używać detektora zdarzeń w ten sposób:

$("#myTextBox").on("change paste keyup", function() {
   alert($(this).val()); 
});

Opis

Możesz to zrobić za pomocą .bind()metody jQuery . Sprawdź jsFiddle .

Próba

HTML

<input id="myTextBox" type="text"/>

jQuery

$("#myTextBox").bind("change paste keyup", function() {
   alert($(this).val()); 
});

Więcej informacji

• jsFiddle Demonstration
• jQuery.bind ()

Spróbuj tego .. kredytów na https://stackoverflow.com/users/1169519/teemu

za odpowiedź na moje pytanie tutaj: /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

To rozwiązanie pomogło mi w realizacji mojego projektu.

$("#your_textbox").on("input propertychange",function(){

   // Do your thing here.
});

Uwaga: zmiana właściwości dla niższych wersji IE.

możesz również użyć wydarzeń w polu tekstowym -

<input id="txt1" type="text" onchange="SetDefault($(this).val());" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">

function SetDefault(Text){
  alert(Text);
}

Spróbuj tego

Spróbuj tego:

Zasadniczo wystarczy wziąć pod uwagę każde zdarzenie:

HTML:

<input id = "textbox" type = "text">

JQuery:

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

$("#textbox").change(function() { 
alert($(this).val());  
}); 

$("#myTextBox").on("change paste keyup select", function() {
     alert($(this).val());
});

wybierz, aby wyświetlić sugestię przeglądarki

Spróbuj tego:

$("input").bind({
            paste : function(){
                $('#eventresult').text('paste behaviour detected!');
            }
})

Użyj tego: https://github.com/gilamran/JQuery-Plugin-AnyChange

Obsługuje wszystkie sposoby zmiany danych wejściowych, w tym menu zawartości (za pomocą myszy)

U mnie zadziałało takie połączenie wydarzeń:

$("#myTextBox").on("input paste", function() {
   alert($(this).val()); 
});

NIE ZAPOMNIJ O cutlubselect wydarzeniach!

Przyjęta odpowiedź jest prawie idealna, ale zapomina o cutiselect wydarzeniach .

cut jest uruchamiany, gdy użytkownik wycina tekst (CTRL + X lub przez kliknięcie prawym przyciskiem myszy)

select jest uruchamiany, gdy użytkownik wybierze opcję sugerowaną przez przeglądarkę

Powinieneś je również dodać, jako takie:

$("#myTextBox").on("change paste keyup cut select", function() {
   //Do your function 
});