Erkennen einer Wertänderung der Eingabe [Typ = Text] in jQuery

Ich möchte jedes Mal eine Funktion ausführen, wenn sich der Wert eines bestimmten Eingabefelds ändert. Es funktioniert fast mit $('input').keyup(function), aber nichts passiert, wenn zum Beispiel Text in das Feld eingefügt wird. $input.change(function)Wird nur ausgelöst, wenn die Eingabe unscharf ist. Woher weiß ich also sofort, wann ein Textfeld seinen Wert geändert hat?

Denken Sie nur daran, dass 'on' über die 'bind'-Funktion empfohlen wird. Versuchen Sie also immer, einen Ereignis-Listener wie diesen zu verwenden:

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

Beschreibung

Sie können dies mit der .bind()Methode von jQuery tun . Schauen Sie sich die jsFiddle an .

Stichprobe

Html

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

jQuery

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

Mehr Informationen

• jsFiddle-Demonstration
• jQuery.bind ()

Versuchen Sie dies .. Credits zu https://stackoverflow.com/users/1169519/teemu

für die Beantwortung meiner Frage hier: /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

Diese Lösung hat mir geholfen, mein Projekt voranzutreiben.

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

   // Do your thing here.
});

Hinweis: Eigenschaftsänderung für niedrigere Versionen von IE.

Sie können auch Textbox-Ereignisse verwenden -

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

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

Versuche dies

Versuche dies:

Berücksichtigen Sie einfach jedes Ereignis:

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());
});

Wählen Sie für Browser-Vorschlag

Versuche dies:

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

Verwenden Sie dies: https://github.com/gilamran/JQuery-Plugin-AnyChange

Es behandelt alle Möglichkeiten zum Ändern der Eingabe, einschließlich des Inhaltsmenüs (mit der Maus).

Diese Kombination von Ereignissen hat bei mir funktioniert:

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

VERGESSEN SIE NICHT DIE cutoder selectEREIGNISSE!

Die akzeptierte Antwort ist fast perfekt, vergisst aber die cutund selectEreignisse.

cut wird ausgelöst, wenn der Benutzer Text schneidet (STRG + X oder per Rechtsklick)

select wird ausgelöst, wenn der Benutzer eine vom Browser vorgeschlagene Option auswählt

Sie sollten sie auch als solche hinzufügen:

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