码迷,mamicode.com
首页 > 其他好文 > 详细

input内容改变捕获事件

时间:2016-08-19 12:53:54      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

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后,不会触发。

input内容改变捕获事件

标签:

原文地址:http://www.cnblogs.com/Freeking/p/5786840.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!