jq监听input值改变时的事件

业务中常有监视input值变化的需要，今天我在解决这个问题后，在这里对解决方案做个汇总：

通常采用的方法如：

$(input).keyup(function(){ //do sth });

当有输入时则触发事件，后来在阅读他人博客中看到更好的写法，如下：

$(input).on("keyup paste",function(){//do sth
});

这种写法的好处是，当有键盘输入或者复制发生时都能触发此事件。

但是笔者在开发中又遇到了如下图所示的问题：

当输入一个字符后，input有提示框，而如果从提示框选中后，并没有触发值改变的事件，因此笔者再次改进，代码如下：

$(input).bind("input propertychange", function(){//do sth
});

此方法涵盖了按键输入、复制输入、选择输入三种情况的事件触发。

jq监听input值改变时的事件相关推荐

jquery监听input值改变
1. 正常情况 $("input[name=age]").bind('input propertychange',function(){var a = $(this) ...
原生js监听input值发生变化
原生JS中可以使用oninput,onpropertychange,onchange oninput,onpropertychange,onchange的用法 1) onchange 触发事件必须满足 ...
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法
1. onchange事件监听input值变化的使用方法: <input id="test"></input>$("input").ch ...
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案)...
转自:https://www.cnblogs.com/white0710/p/7338456.html 1. onchange事件监听input值变化的使用方法: <input id=" ...
jq监听input type=file发生改变，即选择文件,并获取文件名称
jq监听input type="file"发生改变,即选择文件,并获取文件名称 <input id="fileupload" name="fil ...
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案)
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案) 参考文章: (1)onchange监听inpu ...
input绑定的jedate日期控件的值改变时触发事件问题
一.input绑定的jedate日期控件的值改变时触发事件问题一般input中值发生改变,用onchange 就可以触发事件,但我现用jedate日期控,选中日期后,发现onchange无效. 后经 ...
java监听焦点事件_监听input输入框的失去焦点事件与按钮点击事件执行的顺序问题...
1.问题描述当在监听input失去焦点的事件的时候,在input输入框输入一段文字之后,点击发送按钮会发现,只触发了失去焦点事件,按钮点击事件并没有被触发,当再次点击按钮的时候,事件才会被触发 2. ...
【javaScript】探讨监听input输入框的失去焦点事件与按钮点击事件执行的顺序问题
1.问题描述在input输入框输入一段文字之后,点击发送按钮会发现,只触发了失去焦点事件,按钮点击事件并没有被触发,当再次点击按钮的时候,事件才会被触发,这明显不是我们想要的,我们来看看怎么解决 2 ...

jq监听input值改变时的事件

jq监听input值改变时的事件相关推荐

最新文章

热门文章