jq监听input值改变时的事件
2016-11-30 17:31
274 查看
业务中常有监视input值变化的需要,今天我在解决这个问题后,在这里对解决方案做个汇总:
通常采用的方法如:
当有输入时则触发事件,后来在阅读他人博客中看到更好的写法,如下:
这种写法的好处是,当有键盘输入或者复制发生时都能触发此事件。
但是笔者在开发中又遇到了如下图所示的问题:
当输入一个字符后,input有提示框,而如果从提示框选中后,并没有触发值改变的事件,因此笔者再次改进,代码如下:
通常采用的方法如:
$(input).keyup(function(){ //do sth });
当有输入时则触发事件,后来在阅读他人博客中看到更好的写法,如下:
$(input).on("keyup paste",function(){ //do sth });
这种写法的好处是,当有键盘输入或者复制发生时都能触发此事件。
但是笔者在开发中又遇到了如下图所示的问题:
当输入一个字符后,input有提示框,而如果从提示框选中后,并没有触发值改变的事件,因此笔者再次改进,代码如下:
$(input).bind("input propertychange", function(){ //do sth });此方法涵盖了按键输入、复制输入、选择输入三种情况的事件触发。
相关文章推荐
- jquery监听由脚本改变input值的事件
- jq监听下拉列表至改变事件
- jsp name属性相同的一组输入框input,输入其中一个值,其余值跟随改变事件监听代码
- 原生js监听input值改变事件
- jq或zp监听input的value改变问题
- JS,JQ及时监听input值的变化,MUI的input搜索框里的清除按钮的点击监听事件
- 【DOM操作】实时监听input[type='text']和HTML标签中属性改变事件
- 浅析html input 等值改变添加监听事件
- 监听文本框内容改变事件之oninput、onchange与onpropertychange事件的用法和区别
- html中input标签只读属性和内容改变事件监听
- html input 等值改变添加监听事件
- input 的value值改变事件监听
- 键盘管理-监听键盘事件及键盘出现或者隐藏时改变view的位置
- vue使用element-ui的el-input监听不了回车事件
- input内容改变后,ie11中change事件执行两次的解决办法
- JS改变input的value值不触发onchange事件解决方案
- 捕获input 文本框内容改变的事件(onchange,onblur,onPropertyChange比较)
- .vue文件中监听input输入事件-oninput
- el-input监听事件失效
- 在C#中捕获输入法面板(InputPanel&SIP)高度改变事件