Bagaimana saya bisa mendapatkan jquery .val () SETELAH acara penekanan tombol?

Saya mendapatkan:

$(someTextInputField).keypress(function() {
  alert($(this).val());
});

Sekarang peringatan selalu mengembalikan nilai SEBELUM menekan tombol (misalnya bidang kosong, saya ketik 'a' dan peringatan memberi saya ". Lalu saya mengetik 'b' dan peringatan memberi saya 'a' ...). Tapi saya ingin nilainya SETELAH tombol ditekan - bagaimana saya bisa melakukannya?

Latar Belakang: Saya ingin mengaktifkan tombol segera setelah bidang teks berisi setidaknya satu karakter. Jadi saya menjalankan tes ini pada setiap acara penekanan tombol, tetapi menggunakan val yang dikembalikan () hasilnya selalu satu langkah di belakang. Menggunakan peristiwa change () bukan pilihan bagi saya karena tombol akan dinonaktifkan hingga Anda meninggalkan kotak teks. Jika ada cara yang lebih baik untuk melakukan itu, saya senang mendengarnya!

Ubah keypresske keyup:

$(someTextInputField).on("keyup", function() {
  alert($(this).val());
});

keypressditembakkan saat tombol ditekan, keyupditembakkan saat kunci dilepaskan.

Terkejut karena tidak ada yang menyebutkan acara "input" js:

$(someTextInputField).on('input', function() {
  alert($(this).val());
});

Direkomendasikan.

https://developer.mozilla.org/en-US/docs/Web/Events/input

bukannya menekan tombol, gunakan keyup .

Sebagai alternatif, Anda dapat menggunakan peristiwa keydown dengan waktu tunggu 0.

Dengan begitu, perubahan akan diterapkan secara instan, alih-alih diterapkan saat pengguna berhenti menahan kunci.

$(someTextInputField).on("keydown", function() {
  setTimeout(function($elem){
    alert($elem.val());
  }, 0, $(this));
});

Anda mungkin ingin menghubungkan onchangeevent handler daripada menggunakan salah satu event utama.

$(someTextInputField).change(function() {
    alert($(this).val());
});

Menggunakan Edit > Pasteatau Klik Kanan lalu Tempel akan mengaktifkan peristiwa perubahan, tetapi bukan peristiwa penting. Perhatikan bahwa beberapa browser mungkin mensimulasikan peristiwa penting pada sebuah tempel (meskipun saya tidak tahu apa-apa) tetapi Anda tidak dapat mengandalkan perilaku itu.

Coba sesuatu seperti ini:

$('#someField').keypress(function() {
  setTimeout(function() {
    if ($('#someField').val().length > 0)
      $('#theButton').attr('disabled', false);
  }, 1);
});

Itu hanya memperkenalkan waktu tunggu sehingga setelah perulangan peristiwa "penekanan tombol" selesai, kode Anda akan segera berjalan setelahnya. Interval pengatur waktu yang singkat (meskipun dibulatkan oleh browser) tidak akan terlihat.

edit - atau Anda dapat menggunakan "keyup" seperti yang dikatakan orang lain, meskipun semantiknya berbeda.