Phát hiện thay đổi giá trị của đầu vào [type = text] trong jQuery

Tôi muốn thực thi một chức năng mỗi khi giá trị của một hộp đầu vào cụ thể thay đổi. Nó gần như hoạt động với $('input').keyup(function), nhưng không có gì xảy ra khi dán văn bản vào hộp, ví dụ. $input.change(function)chỉ kích hoạt khi đầu vào bị mờ, vậy làm thế nào để tôi biết ngay lập tức mỗi khi hộp văn bản thay đổi giá trị?

chỉ cần nhắc lại rằng 'bật' được giới thiệu qua chức năng 'liên kết', vì vậy hãy luôn cố gắng sử dụng trình nghe sự kiện như thế này:

$("#myTextBox").on("change paste keyup", function() {
   alert($(this).val()); 
});

Sự miêu tả

Bạn có thể làm điều này bằng .bind()phương pháp của jQuery . Kiểm tra jsFiddle .

Mẫu vật

Html

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

jQuery

$("#myTextBox").bind("change paste keyup", function() {
   alert($(this).val()); 
});

Thêm thông tin

• Trình diễn jsFiddle
• jQuery.bind ()

Hãy thử điều này .. tín dụng vào https://stackoverflow.com/users/1169519/teemu

để trả lời câu hỏi của tôi ở đây: /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

Giải pháp này đã giúp tôi tiến bộ trong dự án của mình.

$("#your_textbox").on("input propertychange",function(){

   // Do your thing here.
});

Lưu ý: trao đổi thuộc tính cho các phiên bản thấp hơn của IE.

bạn cũng có thể sử dụng các sự kiện trong hộp văn bản -

<input id="txt1" type="text" onchange="SetDefault($(this).val());" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">

function SetDefault(Text){
  alert(Text);
}

Thử cái này

Thử cái này:

Về cơ bản, chỉ cần tài khoản cho mỗi sự kiện:

Html:

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

Câu hỏi:

$("#textbox").keyup(function() { 
    alert($(this).val());  
}); 

$("#textbox").change(function() { 
alert($(this).val());  
}); 

$("#myTextBox").on("change paste keyup select", function() {
     alert($(this).val());
});

chọn cho đề xuất trình duyệt

Thử cái này:

$("input").bind({
            paste : function(){
                $('#eventresult').text('paste behaviour detected!');
            }
})

Sử dụng cái này: https://github.com/gilamran/JQuery-Plugin-AnyChange

Nó xử lý tất cả các cách để thay đổi đầu vào, bao gồm menu nội dung (Sử dụng chuột)

Sự kết hợp các sự kiện này đã làm việc cho tôi:

$("#myTextBox").on("input paste", function() {
   alert($(this).val()); 
});

ĐỪNG QUÊN cut hoặc selectSỰ KIỆN!

Câu trả lời được chấp nhận là gần như hoàn hảo, nhưng nó quên về cut và selectcác sự kiện.

cut được kích hoạt khi người dùng cắt văn bản (CTRL + X hoặc nhấp chuột phải)

select được kích hoạt khi người dùng chọn tùy chọn do trình duyệt đề xuất

Bạn cũng nên thêm chúng, như vậy:

$("#myTextBox").on("change paste keyup cut select", function() {
   //Do your function 
});