การตรวจจับการเปลี่ยนแปลงค่าของอินพุต [type = text] ใน jQuery

ฉันต้องการเรียกใช้ฟังก์ชั่นทุกครั้งที่มีการเปลี่ยนแปลงค่าของกล่องอินพุตที่ระบุ มันเกือบจะทำงานได้$('input').keyup(function)แต่ไม่มีอะไรเกิดขึ้นเมื่อวางข้อความลงในกล่องเช่น $input.change(function)ทริกเกอร์เฉพาะเมื่อการป้อนข้อมูลเบลอดังนั้นฉันจะรู้ได้อย่างไรเมื่อใดก็ตามที่กล่องข้อความเปลี่ยนค่า?

เพียงจำว่า 'เปิด' ได้รับการแนะนำผ่านฟังก์ชั่น 'ผูก' ดังนั้นให้ลองใช้ฟังเหตุการณ์แบบนี้เสมอ:

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

ลักษณะ

คุณสามารถทำได้โดยใช้.bind()วิธีการของ jQuery ตรวจสอบjsFiddle

ตัวอย่าง

html

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

jQuery

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

ข้อมูลมากกว่านี้

• การสาธิต jsFiddle
• jQuery.bind ()

ลองทำเช่นนี้ .. ให้เครดิตกับhttps://stackoverflow.com/users/1169519/teemu

สำหรับตอบคำถามของฉันที่นี่: /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

วิธีแก้ปัญหานี้ช่วยให้ฉันก้าวหน้าโครงการของฉัน

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

   // Do your thing here.
});

หมายเหตุ: การแลกเปลี่ยนคุณสมบัติสำหรับ IE เวอร์ชันที่ต่ำกว่า

คุณยังสามารถใช้กิจกรรมกล่องข้อความ -

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

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

ลองสิ่งนี้

ลองสิ่งนี้:

โดยทั่วไปเพียงบัญชีสำหรับแต่ละเหตุการณ์:

Html:

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

jquery:

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

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

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

เลือกสำหรับคำแนะนำเบราว์เซอร์

ลองสิ่งนี้:

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

ใช้สิ่งนี้: https://github.com/gilamran/JQuery-Plugin-AnyChange

มันจัดการทุกวิธีในการเปลี่ยนอินพุตรวมถึงเมนูเนื้อหา (การใช้เมาส์)

การรวมกันของกิจกรรมนี้เหมาะกับฉัน:

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

อย่าลืมcutหรือselectเหตุการณ์!

คำตอบที่ยอมรับนั้นเกือบจะสมบูรณ์แบบ แต่ก็ลืมเรื่องcutและselectเหตุการณ์ไปได้

cut จะทำงานเมื่อผู้ใช้ตัดข้อความ (CTRL + X หรือคลิกขวา)

select จะทำงานเมื่อผู้ใช้เลือกตัวเลือกที่แนะนำสำหรับเบราว์เซอร์

คุณควรเพิ่มพวกเขาด้วยเช่น:

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