jQuery 实时监听input
今天做项目中用到了,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); } } }); } });
- 上一篇 »vue实现组件数据双向绑定
- 下一篇 »vue中本地储存也可以实时监听