input内容改变捕获事件

1、需求背景

系统中的日期，是通过前面的选择后，把值赋给了一个span和一个隐藏的input控件。通过jquery为这个input控件增加change事件后，捕获不到。

jQuery(“#field5907”).change(function(){     });  //捕获不到此事件

 

2、解决方法

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

$("#field5908").bind("propertychange", function() {
});  //可以捕获

 

3、知识延伸

oninput事件是IE之外的大多数浏览器支持的事件，在value改变时实时触发，但是通过js改变value时不会触发；onpropertychange事件是任何属性改变都会触发，而oninput却只在value改变时触发，oninput要通过addEventListener()来注册，onpropertychange注册方法与一般事件相同。

oninput与onpropertychange失效的情况：

oninput事件：

（1）当脚本中改变value时，不会触发；

（2）从浏览器的自动下拉提示中选取时，不会触发；

onpropertychange事件：

当input设置为disable=true后，不会触发。