ฉันจะรับ jquery .val () หลังจากเหตุการณ์การกดแป้นพิมพ์ได้อย่างไร

ฉันได้:

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

ตอนนี้การแจ้งเตือนจะส่งคืนค่าก่อนการกดแป้นทุกครั้ง (เช่นช่องว่างฉันพิมพ์ 'a' และการแจ้งเตือนจะให้ฉัน '' จากนั้นฉันพิมพ์ 'b' และการแจ้งเตือนจะให้ 'a' ... ) แต่ฉันต้องการค่าหลังจากการกดแป้น - ฉันจะทำได้อย่างไร

พื้นหลัง: ฉันต้องการเปิดใช้งานปุ่มทันทีที่ช่องข้อความมีอักขระอย่างน้อยหนึ่งตัว ดังนั้นฉันจึงเรียกใช้การทดสอบนี้ในทุกเหตุการณ์การกดแป้นพิมพ์ แต่การใช้ val กลับ () ผลลัพธ์จะอยู่ข้างหลังหนึ่งก้าวเสมอ การใช้เหตุการณ์ change () ไม่ใช่ตัวเลือกสำหรับฉันเพราะปุ่มจะถูกปิดใช้งานจนกว่าคุณจะออกจากกล่องข้อความ หากมีวิธีที่ดีกว่านี้ฉันยินดีที่จะรับฟัง!

เปลี่ยนkeypressเป็นkeyup:

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

keypressจะยิงเมื่อกดปุ่มลงkeyupจะยิงเมื่อปล่อยปุ่ม

แปลกใจที่ไม่มีใครพูดถึงเหตุการณ์ "input" js:

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

แนะนำ.

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

แทนการกดปุ่มใช้keyup

หรือคุณสามารถใช้เหตุการณ์คีย์ดาวน์โดยมีการหมดเวลาเป็น 0

ด้วยวิธีนี้การเปลี่ยนแปลงจะถูกนำไปใช้ทันทีแทนที่จะใช้เมื่อผู้ใช้หยุดกดปุ่ม

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

คุณอาจต้องการเชื่อมต่อonchangeตัวจัดการเหตุการณ์แทนการใช้เหตุการณ์สำคัญใด ๆ

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

การใช้Edit > Pasteหรือคลิกขวาแล้ววางจะทำให้เหตุการณ์การเปลี่ยนแปลงเริ่มทำงาน แต่ไม่ใช่เหตุการณ์สำคัญ โปรดทราบว่าเบราว์เซอร์บางตัวอาจจำลองเหตุการณ์สำคัญในการวาง (แม้ว่าฉันจะไม่รู้เลยก็ตาม) แต่คุณไม่สามารถนับพฤติกรรมนั้นได้

ลองทำสิ่งนี้:

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

นั่นเป็นเพียงการแนะนำการหมดเวลาดังนั้นหลังจากวนเหตุการณ์ "กดแป้น" เสร็จสิ้นโค้ดของคุณจะทำงานเกือบจะทันทีหลังจากนั้น ช่วงเวลาที่สั้นเช่นนี้ (แม้ว่าเบราว์เซอร์จะปัดเศษขึ้น) จะไม่สามารถสังเกตเห็นได้

แก้ไข - หรือคุณสามารถใช้ "keyup" เหมือนที่ใคร ๆ พูดกันก็ได้แม้ว่าความหมายจะแตกต่างกัน