有关input输入框内容改变后的触发事件
来源:互联网 发布:阿里云 discuz 编辑:程序博客网 时间:2024/05/16 07:33
有关input输入框内容改变后的触发事件,也是今天遇到的问题。我使用时间插件为输入框填充内容,想实现输入框内容改变后执行相应的方法,发现使用change方法没有反应。百度了半天,最后才发现问题所在。
我这边考虑两种情况,一种是input输入框正常输入,另一种是给输入框赋值。
1、input输入框正常输入
所谓的正常输入,就是在input输入框当中进行手动输入,这种情况下change方法是有效的。
change事件的原理:在元素获得焦点时,保存当前值,失去焦点时,会将当前值与原保存的值进行比较,如果不同,则触发change事件。
以下方式可以兼容所有的浏览器,与change的原理相似:
$("input#id").focus(function(){$(this).attr("data-oval",$(this).val()); //将当前值存入自定义属性}).blur(function(){var oldVal=($(this).attr("data-oval")); //获取原值var newVal=($(this).val()); //获取当前值if (oldVal!=newVal){//do what you want}}
2、给输入框赋值
我这边使用的是时间插件给input赋值,该插件有定义一个选完事件后的一个回调函数。如果是使用插件的话,可以看下源码当中有没有定义类似change的方法。
如果是通过脚本给input赋值的话,可以在赋值完再执行change事件。这是百度看到的,还没有测试过,有看到的人可以自行测试一下。
### 写的第一个博客,觉得问题可以记录下来。也是菜鸟一只,看到的可以参考参考,有问题也请包容,并可以提出来,一起学习。
阅读全文
0 0
- 有关input输入框内容改变后的触发事件
- input标签内容改变的触发事件
- input标签内容改变的触发事件
- input标签内容改变的触发事件
- input标签内容改变的触发事件
- input标签内容改变的触发事件
- input标签内容改变的触发事件
- input标签内容改变或失去焦点的触发事件
- js中input标签内容改变的触发事件
- 回车键触发事件的js代码、input输入框值改变事件、js数组
- input输入后延迟触发事件,
- Input表单值改变(非键盘直接输入)后触发事件
- 输入内容后input控件的位置改变
- 工作零碎的小经验1:输入框内容输入后触发的事件
- input输入框的js改变事件
- 关于IE10输入框focus后触发input事件的bug
- Input值改变触发的事件
- JSP中input内容改变触发onchange事件使用
- 开发微信小程序:创建小程序实例
- hdu1223(字母+字符动规)
- pyqt5 信号槽机制的官方文档笔记
- 课时15 Linux权限机制
- 「NOIP2017模拟赛08.02」A**B
- 有关input输入框内容改变后的触发事件
- Bootstrap中关于input里file的样式更改
- 二维码生成与解析代码实现
- 猴子也会懂的C语言五子棋的实现方法详解
- Spring-(4)Spring 注解
- P1226 取余运算||快速幂
- HDOJ 2120 Ice_cream's world I
- stm32的LCD屏幕显示+各个模块功能调试
- Mysql基本语法汇总