JQuery'de giriş [type = text] değer değişimini algılama

Belirli bir giriş kutusunun değeri her değiştiğinde bir işlev yürütmek istiyorum. O neredeyse çalışır $('input').keyup(function), ancak örneğin kutuya metni yapıştırma hiçbir şey olmuyor. $input.change(function)yalnızca giriş bulanık olduğunda tetiklenir, bu nedenle bir metin kutusunun değeri her değiştiğinde nasıl bilebilirim?

'açık' öğesinin 'bağlama' işlevi üzerinde önerildiğini hatırlayın, bu yüzden her zaman böyle bir olay dinleyicisini kullanmaya çalışın:

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

Açıklama

Bunu jQuery'nin .bind()yöntemini kullanarak yapabilirsiniz . Check jsFiddle .

Örneklem

Html

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

jQuery

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

Daha fazla bilgi

• jsFiddle Gösterisi
• jQuery.bind ()

Bunu deneyin .. https://stackoverflow.com/users/1169519/teemu kredileri

soruma burada cevap verdiğin için: /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

Bu çözüm, projemde ilerlememe yardımcı oldu.

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

   // Do your thing here.
});

Not: IE'nin alt sürümleri için özellik değişimi.

metin kutusu etkinliklerini de kullanabilirsiniz -

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

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

Bunu dene

Bunu dene:

Temel olarak, sadece her bir etkinliği hesaba katın:

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

tarayıcı önerisi için seç

Bunu dene:

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

Bunu kullanın: https://github.com/gilamran/JQuery-Plugin-AnyChange

İçerik menüsü de dahil olmak üzere girişi değiştirmek için tüm yolları kullanır (Fareyi kullanma)

Bu etkinlik kombinasyonu benim için çalıştı:

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

THE UNUTMAYIN cutveya selectEVENTS!

Kabul edilen cevap neredeyse mükemmel, ama cutve selectolayları unutuyor .

cut kullanıcı metni kestiğinde tetiklenir (CTRL + X veya sağ tıklama ile)

select tarayıcı tarafından önerilen bir seçeneği belirlediğinde tetiklenir

Bunları da eklemelisiniz, örneğin:

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