在jQuery中检测输入[type=text]的值变化

我想在每次特定输入框的值改变时执行一个函数。它几乎适用于$('input').keyup(function)，但当将文本粘贴到框中时不会发生任何事情，例如。$input.change(函数)只在输入模糊时触发，所以我如何立即知道文本框改变了值?

当前回答

试试这个:

基本上，只考虑每个事件:

Html:

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

Jquery:

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

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

其他回答

描述

你可以使用jQuery的.bind()方法来做到这一点。查看jsFiddle。

样本

Html

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

jQuery

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

更多的信息

jsFiddle示范 jQuery.bind ()

试试这个:

基本上，只考虑每个事件:

Html:

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

Jquery:

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

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

不要忘记切割或选择事件!

公认的答案几乎是完美的，但它忘记了剪切和选择事件。

当用户剪切文本时触发cut (CTRL + X或通过右键单击)

当用户选择浏览器建议的选项时触发Select

你也应该添加它们，比如:

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

试试这个:

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

您可以使用下面的代码来检测输入、按键更改和按键。

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

推荐文章