oninput等表单事件

oninput等表单事件

过去我们常使用keydown和keyup辅助表单元素的处理，这要求处理时，表单元素必须处于激活（聚焦）状态。oninput事件可以实时监听文本框的输入变化。

 

现代浏览器支持oninput，其中包括IE9。

 

1、onchange事件与onpropertychange事件的区别： 

 

onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发；onpropertychange事件却是实时触发，即每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件

 

IE专有。

 

2、oninput事件与onpropertychange事件的区别： 

 

1.oninput事件是IE之外的大多数浏览器支持的事件，在value改变时触发，实时的，即每增加或删除一个字符就会触发，然而通过js改变value时，

 

      却不会触发；

   

2.onpropertychange事件是任何属改变都会触发的，而oninput却只在value改变时触发，oninput要通过addEventListener()来注册，

     

 onpropertychange注册方式跟一般事件一样。

（此处都是指在js中动态绑定事件，以实现内容与行为分离）

 

3、oninput与onpropertychange失效的情况： 

 

（1）oninput事件：a). 当脚本中改变value时，不会触发；b). 从浏览器的自动下拉提示中选取时，不会触发。 

 

（2）onpropertychange事件：当input设置为disable=true后，onpropertychange不会触发。

 

        oninvalid事件，在表单元素的值非法时被触发。