jquery实现的监听文本框输入事件

来源:互联网 发布:windows vista iso 编辑:程序博客网 时间:2024/05/16 14:54

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

} );

})

0 1
原创粉丝点击