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

Question

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

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

388 8

jQuery

8 ответов:

Comments

Ничего не найдено.

Alejandro Silva · Accepted Answer · 2013-12-11 03:56:24

просто помните, что " on "рекомендуется над функцией "bind", поэтому всегда старайтесь использовать прослушиватель событий следующим образом:
$("#myTextBox").on("change paste keyup", function() {
   alert($(this).val()); 
});

dknaack · Accepted Answer · 2012-01-05 20:31:46

описание

вы можете сделать это с помощью jQuery это .bind() метод. Проверьте jsFiddle.

пример

Html
<input id="myTextBox" type="text"/>
jQuery
$("#myTextBox").bind("change paste keyup", function() {
   alert($(this).val()); 
});
Дополнительная Информация

демонстрация jsFiddle

jQuery.привязать()

andres · Accepted Answer · 2017-05-23 15:26:32

попробуйте это.. кредиты на https://stackoverflow.com/users/1169519/teemu

для ответа на мой вопрос.. https://stackoverflow.com/questions/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

Это решение помогло мне прогрессировать в моем проекте.
$("#your_textbox").on("input propertychange",function(){

   // Do your thing here.
});
Примечание: propertychange для более низких версий IE.

Ishan Jain · Accepted Answer · 2015-03-19 16:09:00

вы также можете использовать события текстового поля -
<input id="txt1" type="text" onchange="SetDefault($(this).val());" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">

function SetDefault(Text){
  alert(Text);
}
Попробуй Такое

H Bellamy · Accepted Answer · 2012-01-05 20:14:58

попробуйте это:

в принципе, просто учитывайте каждое событие:

Html:
<input id = "textbox" type = "text">
Jquery:
$("#textbox").keyup(function() { 
    alert($(this).val());  
}); 

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

Hamed Khosravi · Accepted Answer · 2013-02-28 09:50:27

попробуйте это:

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

mohamad yazdanpanah · Accepted Answer · 2018-02-03 10:47:02

$("#myTextBox").on("change paste keyup select", function() {
     alert($(this).val());
});
выберите для предложения браузера

gilamran · Accepted Answer · 2013-06-09 13:31:08

использовать этот: https://github.com/gilamran/JQuery-Plugin-AnyChange

он обрабатывает все способы изменения ввода, включая меню содержимого (с помощью мыши)