Mendeteksi perubahan nilai input [type = text] di jQuery

Saya ingin menjalankan fungsi setiap kali nilai kotak input tertentu berubah. Ini hampir berfungsi $('input').keyup(function), tetapi tidak ada yang terjadi ketika menempelkan teks ke dalam kotak, misalnya. $input.change(function)hanya terpicu ketika input kabur, jadi bagaimana saya akan segera tahu kapan kotak teks telah berubah nilainya?

cukup remenber bahwa 'on' direkomendasikan atas fungsi 'bind', jadi selalu coba gunakan pendengar acara seperti ini:

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

Deskripsi

Anda dapat melakukan ini menggunakan .bind()metode jQuery . Lihat jsFiddle .

Sampel

Html

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

jQuery

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

Informasi Lebih Lanjut

• Demonstrasi jsFiddle
• jQuery.bind ()

Coba ini .. kredit ke https://stackoverflow.com/users/1169519/teemu

untuk menjawab pertanyaan saya di sini: /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

Solusi ini membantu saya untuk maju dalam proyek saya.

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

   // Do your thing here.
});

Catatan: penggantian properti untuk versi IE yang lebih rendah.

Anda juga dapat menggunakan acara kotak teks -

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

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

Coba ini

Coba ini:

Pada dasarnya, cukup akun untuk setiap acara:

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

pilih untuk saran browser

Coba ini:

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

Gunakan ini: https://github.com/gilamran/JQuery-Plugin-AnyChange

Ini menangani semua cara untuk mengubah input, termasuk menu konten (Menggunakan mouse)

Kombinasi acara ini berhasil untuk saya:

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

JANGAN LUPA cutatau selectACARA!

Jawaban yang diterima hampir sempurna, tetapi lupa tentang cutdan selectperistiwa.

cut dipecat saat pengguna memotong teks (CTRL + X atau melalui klik kanan)

select dipecat ketika pengguna memilih opsi yang disarankan browser

Anda harus menambahkannya juga, seperti:

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