js propertychange和oninput事件
更新时间:2014年09月28日 17:20:50 投稿:mdxy-dxy
项目中常遇到输入框检查的需求,比如即时搜索,用change事件?change事件失去焦点才发生,无法做到即时。keypresss事件?能监听到键盘,但监听不到鼠标复制粘贴,不完美
还好有propertychange(IE)和oninput事件。
oninput是标准浏览器的事件,一般应用于input元素,当input的value发生变化时就会发生,无论是键盘输入还是鼠标粘贴的改变都能即时监听到。
浏览器兼容
IE9以下是不支持的。这个时候就要用到IE专有的propertychange事件。顾名思义,翻译过来叫属性变更事件,这个事件就比较强大了,不仅仅会监听到input的value属性,还包括其他标签的属性各种属性发生变化都会发生该事件,比如span元素的style属性。在事件发生时还可以用event.propertyName访问到改变的属性名。
您可能感兴趣的文章:
- js与jquery实时监听输入框值的oninput与onpropertychange方法
- js监听输入框值的即时变化onpropertychange、oninput
- js change,propertychange,input事件小议
- javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足
- 解决angularJS中input标签的ng-change事件无效问题
- js之input[type=file]选择重复的文件,无法触发change事件问题
- JS中的oninput和onchange事件的区别及如何正确使用
- js实现使用输入input和改变change事件模拟手动输入
最新评论