Sự kiện thay đổi hộp văn bản jQuery không kích hoạt cho đến khi hộp văn bản mất tiêu điểm?

Tôi thấy rằng sự kiện thay đổi jQuery trên một hộp văn bản không kích hoạt cho đến khi tôi nhấp vào bên ngoài hộp văn bản.

HTML:

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

JS:

$("#textbox").change(function() {alert("Change detected!");});

Xem bản demo trên JSFiddle

Ứng dụng của tôi yêu cầu sự kiện được kích hoạt trên mỗi thay đổi ký tự trong hộp văn bản. Tôi thậm chí đã thử sử dụng keyup thay thế ...

$("#textbox").keyup(function() {alert("Keyup detected!");});

... nhưng thực tế đã biết rằng sự kiện keyup không được kích hoạt khi nhấp chuột phải và dán.

Bất kỳ cách giải quyết? Là có cả hai người nghe sẽ gây ra bất kỳ vấn đề?

Liên kết với cả hai sự kiện là cách điển hình để làm điều đó. Bạn cũng có thể liên kết với sự kiện dán.

Bạn có thể liên kết với nhiều sự kiện như thế này:

$("#textbox").on('change keyup paste', function() {
    console.log('I am pretty sure the text box changed');
});

Nếu bạn muốn trở thành người phạm tội về nó, bạn cũng nên liên kết với mouseup để phục vụ cho việc kéo văn bản xung quanh và thêm một lastValuebiến để đảm bảo rằng văn bản thực sự đã thay đổi:

var lastValue = '';
$("#textbox").on('change keyup paste mouseup', function() {
    if ($(this).val() != lastValue) {
        lastValue = $(this).val();
        console.log('The text box really changed this time');
    }
});

Và nếu bạn muốn trở thành super duperpedantic thì bạn nên sử dụng bộ đếm thời gian để phục vụ cho việc tự động điền, plugin, v.v.

var lastValue = '';
setInterval(function() {
    if ($("#textbox").val() != lastValue) {
        lastValue = $("#textbox").val();
        console.log('I am definitely sure the text box realy realy changed this time');
    }
}, 500);

Trên các trình duyệt hiện đại, bạn có thể sử dụng các inputsự kiện :

BẢN GIỚI THIỆU

$("#textbox").on('input',function() {alert("Change detected!");});

$(this).bind('input propertychange', function() {
        //your code here
    });

Đây là công việc để gõ, dán, nhấp chuột phải, vv

if you write anything in your textbox, the event gets fired.
code as follows :

HTML:

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

JS:

<script type="text/javascript">
  $(function () {
      $("#textbox").bind('input', function() {
      alert("letter entered");
      });
   });
</script>

Thử cái này:

$("#textbox").bind('paste',function() {alert("Change detected!");});

Xem bản demo trên JSFiddle .

Hãy thử mã dưới đây:

$("#textbox").on('change keypress paste', function() {
  console.log("Handler for .keypress() called.");
});

Đọc ý kiến ​​của bạn đưa tôi đến một sửa chữa bẩn. Đây không phải là một cách đúng đắn, tôi biết, nhưng có thể là một công việc xung quanh.

$(function() {
    $( "#inputFieldId" ).autocomplete({
        source: function( event, ui ) {
            alert("do your functions here");
            return false;
        }
    });
});