js propertychange和oninput事件

项目中常遇到输入框检查的需求，比如即时搜索，用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事件模拟手动输入