您的位置:首页 > Web前端 > JQuery

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);

} );

})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: