jquery实现的监听文本框输入事件
2014-01-12 21:31
351 查看
html中当我们在input文本框输入一个值后,想要通过事件触发一个函数,
一、我们可以选择焦点事件(onfocus),点击事件(onclick),或者(blue),或者键盘事件(keydown,keyup)等等;
但是这些都不是我想要的,我想要的是在输入后焦点未离开,或者每输入一个字符都会触发,此时有另一种方法,就是下面的;
二、文本框输入事件:oninput、onpropertychange
用法:oninput一般在ie浏览器中生效,onproperchange一般在非ie浏览器中生效,为了兼容可以同时绑定这两个事件,例如:
<input type=' text ' id=' text ' value=' 100 ' />
<input type=' text ' id=' res ' value=' ' />
使用jquery同时绑定两个事件:
$(function(){
$('#text').bind(' input propertychange ',function(){
$('#res').val(200);
} );
})
一、我们可以选择焦点事件(onfocus),点击事件(onclick),或者(blue),或者键盘事件(keydown,keyup)等等;
但是这些都不是我想要的,我想要的是在输入后焦点未离开,或者每输入一个字符都会触发,此时有另一种方法,就是下面的;
二、文本框输入事件:oninput、onpropertychange
用法:oninput一般在ie浏览器中生效,onproperchange一般在非ie浏览器中生效,为了兼容可以同时绑定这两个事件,例如:
<input type=' text ' id=' text ' value=' 100 ' />
<input type=' text ' id=' res ' value=' ' />
使用jquery同时绑定两个事件:
$(function(){
$('#text').bind(' input propertychange ',function(){
$('#res').val(200);
} );
})
相关文章推荐
- jquery-ajax请求后台数据转换json显示在select下拉列表
- jquery操作select下拉框的多种方法(选中,取值,赋值等)
- jquery操作select
- 【《jQuery实战》学习笔记02】第二章 创建元素包装集(jQuery对象)
- jquery ajax方法提交json格式数据报错,一直返回error问题-已解决
- 实现动态的文件上传操作按钮的添加和删除
- JQuery 遍历
- 节点的删除
- 节点的移动
- JQuery 选择器
- 比较JQuery的网格和表插件
- JQuery EasyUI 运行报错 “Jquery未定义”
- JQuery移除一个元素
- 推荐jquery插件与素材
- jquery取消事件冒泡和取消默认行为
- [转载]jQuery 1.9 移除了 $.browser 的替代方法获取浏览器类型
- jquery 的父子节点
- jQuery九、Ajax操作
- jQuery在iframe中无法弹出对话框的解决方法
- jquery toolbar与网页浮动工具条具体实现代码