Обнаружение изменения значения ввода [type = text] в jQuery

Я хочу выполнять функцию каждый раз, когда изменяется значение определенного поля ввода. Это почти работает с$('input').keyup(function) , но ничего не происходит, например, при вставке текста в поле. $input.change(function)срабатывает только тогда, когда ввод размыт, так как я сразу узнаю, когда текстовое поле изменило значение?

просто помните, что 'on' рекомендуется через функцию 'bind', поэтому всегда старайтесь использовать прослушиватель событий, например так:

$("#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.
});

Примечание: propertychange для более низких версий 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 
});