今天做项目中用到了,jQuery 实时监听input框内的值,通过jQuery的绑定事件bind和其中一个属性propertychange获取所需信息。
propertychange:主要用于使jQuery的监听事件兼容IE浏览器。
1、input是标准的浏览器事件,一般应用于input元素,当input的value发生变化就会发生,无论是键盘输入还是鼠标黏贴的改变都能及时监听到变化propertychange,只要当前对象属性发生改变。(IE专属的)。
2、onpropertychange 这两个事件在 IE9 中都有个小BUG,那就是通过右键菜单菜单中的 剪切 和 删除 命令删除内容的时候不会触发, 而 IE 其他版本都是正常的,目前还没有很好的解决方案。
实例代码:
/*获取促成人信息*/
$("#facilitate").bind("input propertychange",function(){
var facId = $("#facilitate").val();
if (facId.length > 0) {
$.ajax({
type: "post",
cache: false,
data: {'_ajax': 1, facId: facId},
url: '/flowAgent/checkUser.json',
dataType: "json",
success: function (data) {
if(data){
$("#name").val('');
$("#name").val(data.name);
$("#phone").val('');
$("#phone").val(data.phone);
}
}
});
}
});