Làm cách nào để tải jquery .val () SAU sự kiện nhấn phím?

Tôi đã nhận:

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

Bây giờ cảnh báo luôn trả về giá trị TRƯỚC khi nhấn phím (ví dụ: trường trống, tôi gõ 'a' và cảnh báo cho tôi ''. Sau đó tôi nhập 'b' và cảnh báo cho tôi 'a' ...). Nhưng tôi muốn giá trị SAU khi nhấn phím - làm thế nào tôi có thể làm điều đó?

Bối cảnh: Tôi muốn bật một nút ngay khi trường văn bản chứa ít nhất một ký tự. Vì vậy, tôi chạy thử nghiệm này trên mọi sự kiện nhấn phím, nhưng sử dụng val () trả về, kết quả luôn chậm hơn một bước. Sử dụng sự kiện change () không phải là một tùy chọn đối với tôi vì sau đó nút bị tắt cho đến khi bạn rời khỏi hộp văn bản. Nếu có cách tốt hơn để làm điều đó, tôi rất vui khi biết điều đó!

Thay đổi keypressthành keyup:

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

keypressđược kích hoạt khi nhấn phím xuống, keyupđược kích hoạt khi thả phím.

Ngạc nhiên là không ai đề cập đến sự kiện js "input":

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

Được đề xuất.

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

thay vì bấm phím, sử dụng KeyUp .

Ngoài ra, bạn có thể sử dụng sự kiện keydown với thời gian chờ là 0.

Bằng cách đó, các thay đổi sẽ được áp dụng ngay lập tức, thay vì được áp dụng khi người dùng ngừng giữ phím.

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

Bạn có thể muốn kết nối một onchangetrình xử lý sự kiện thay vì sử dụng bất kỳ sự kiện chính nào.

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

Sử dụng Edit > Pastehoặc Nhấp chuột phải sau đó Dán sẽ kích hoạt sự kiện thay đổi, nhưng không phải là sự kiện quan trọng. Lưu ý rằng một số trình duyệt có thể mô phỏng một sự kiện quan trọng khi dán (mặc dù tôi không biết về bất kỳ sự kiện nào) nhưng bạn không thể tin tưởng vào hành vi đó.

Hãy thử một cái gì đó như sau:

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

Điều đó chỉ đơn giản là giới thiệu thời gian chờ để sau khi vòng lặp sự kiện "nhấn phím" hoàn thành, mã của bạn sẽ chạy gần như ngay lập tức sau đó. Khoảng thời gian hẹn giờ ngắn như vậy (ngay cả khi được trình duyệt làm tròn) sẽ không đáng chú ý.

chỉnh sửa - hoặc bạn có thể sử dụng "keyup" như mọi người vẫn nói, mặc dù ngữ nghĩa của nó khác nhau.