jQuery metin kutusu değişiklik etkinliği, metin kutusu odağı kaybedene kadar çalışmıyor mu?

Metin kutusundaki jQuery değişiklik etkinliğinin, metin kutusunun dışına tıklayana kadar tetiklenmediğini öğrendim.

HTML:

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

JS:

$("#textbox").change(function() {alert("Change detected!");});

Bkz JSFiddle üzerinde demo

Uygulamam, olayın metin kutusundaki her karakter değişikliğinde tetiklenmesini gerektiriyor. Bunun yerine keyup kullanmayı bile denedim ...

$("#textbox").keyup(function() {alert("Keyup detected!");});

... ancak anahtar etkinliğinin sağ tıklayıp yapıştırma işleminde tetiklenmediği bilinen bir gerçektir.

Herhangi bir çözüm var mı? Her iki dinleyicinin de olması herhangi bir soruna yol açacak mı?

Her iki olaya da bağlanmak, bunu yapmanın tipik yoludur. Ayrıca, paste olayına da bağlanabilirsiniz.

Bunun gibi birden çok olaya bağlanabilirsiniz:

$("#textbox").on('change keyup paste', function() {
    console.log('I am pretty sure the text box changed');
});

Bu konuda bilgiçlikçi olmak istiyorsanız, metnin sürüklenmesini sağlamak için mouseup'a da bağlanmalı lastValueve metnin gerçekten değiştiğinden emin olmak için bir değişken eklemelisiniz :

var lastValue = '';
$("#textbox").on('change keyup paste mouseup', function() {
    if ($(this).val() != lastValue) {
        lastValue = $(this).val();
        console.log('The text box really changed this time');
    }
});

Ve super duperbilgiçlik taslamak istiyorsanız, otomatik doldurma, eklentiler vb. İçin bir aralık zamanlayıcı kullanmalısınız:

var lastValue = '';
setInterval(function() {
    if ($("#textbox").val() != lastValue) {
        lastValue = $("#textbox").val();
        console.log('I am definitely sure the text box realy realy changed this time');
    }
}, 500);

Modern tarayıcılarda, kullanabilirsiniz olayı :input

DEMO

$("#textbox").on('input',function() {alert("Change detected!");});

$(this).bind('input propertychange', function() {
        //your code here
    });

Bu, yazma, yapıştırma, sağ tıklama, fare yapıştırma vb. İçin çalışır.

if you write anything in your textbox, the event gets fired.
code as follows :

HTML:

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

JS:

<script type="text/javascript">
  $(function () {
      $("#textbox").bind('input', function() {
      alert("letter entered");
      });
   });
</script>

Bunu dene:

$("#textbox").bind('paste',function() {alert("Change detected!");});

Bkz JSFiddle üzerinde demo .

Aşağıdaki Kodu deneyin:

$("#textbox").on('change keypress paste', function() {
  console.log("Handler for .keypress() called.");
});

Yorumlarınızı okumak beni kirli bir düzeltmeye götürdü. Bu doğru bir yol değil, biliyorum, ama geçici bir çözüm olabilir.

$(function() {
    $( "#inputFieldId" ).autocomplete({
        source: function( event, ui ) {
            alert("do your functions here");
            return false;
        }
    });
});