Bir tuşa basma olayından SONRA nasıl jquery .val () alabilirim?

Bende var:

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

Artık uyarı her zaman tuşa basmadan ÖNCE değeri döndürür (örneğin alan boş, 'a' yazıyorum ve uyarı bana '' veriyor. Sonra 'b' yazıyorum ve uyarı bana 'a' ... veriyor). Ama tuşa basıldıktan SONRA değeri istiyorum - bunu nasıl yapabilirim?

Arka plan: Metin alanı en az bir karakter içerdiğinde bir düğmeyi etkinleştirmek istiyorum. Bu yüzden bu testi her tuşa basma olayında çalıştırıyorum, ancak döndürülen val () kullanarak sonuç her zaman bir adım geride kalıyor. Change () olayını kullanmak benim için bir seçenek değil çünkü o zaman metin kutusundan çıkana kadar düğme devre dışı kalıyor. Bunu yapmanın daha iyi bir yolu varsa, duyduğuma sevindim!

Şuna keypressdeğiştir keyup:

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

keypresstuşa basıldığında keyupateşlenir, tuş bırakıldığında ateşlenir.

Kimsenin js "input" olayından bahsetmemesine şaşırdım:

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

Önerilen.

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

tuşa basmak yerine keyup kullanın .

Alternatif olarak, 0 zaman aşımı ile keydown olayını kullanabilirsiniz.

Bu şekilde, kullanıcı tuşu basılı tutmayı bıraktığında değişiklikler uygulanmak yerine anında uygulanacaktır.

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

onchangeÖnemli olaylardan herhangi birini kullanmak yerine bir olay işleyicisi bağlamak isteyebilirsiniz .

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

Edit > PasteSağ Tıklama ve ardından Yapıştır işlevini kullanmak veya kullanmak bir değişiklik olayını tetikler ancak önemli bir olay oluşturmaz. Bazı tarayıcıların bir macun üzerindeki önemli bir olayı simüle edebileceğini unutmayın (ben hiçbirini bilmesem de) ancak bu davranışa güvenemezsiniz .

Bunun gibi bir şey dene:

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

Bu, "tuşa basma" olay döngüsü tamamlandıktan sonra kodunuz neredeyse hemen ardından çalışacak şekilde bir zaman aşımı sağlar. Bu kadar kısa bir zamanlayıcı aralığı (tarayıcı tarafından yuvarlanmış olsa bile) fark edilmeyecektir.

düzenleme - ya da olabilir diğer herkesin dediği gibi onun semantik farklı olsa da, "KeyUp" kullanın.