Виявлення зміни значення вводу [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 
});