码迷,mamicode.com
首页 > Web开发 > 详细

jquery实时监听输入框值变化

时间:2017-11-16 15:51:21      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:鼠标   元素事件   很多   val   bin   条件   script   激活   value   

在做web开发时候很多时候都需要即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感。而采用onchange时间又往往是在输入框失去焦点(onblur)时候触发,有时候并不能满足条件。

首先看一下dom中元素事件:
onpropertychange: IE下,当一个HTML元素的属性改变的时候,都能通过 onpropertychange来即时捕获。onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。 在用js脚本改动该元素值时候亦能触发onpropertychange事件。
oninput: 是onpropertychange的非IE浏览器版本,支持firefox和opera等浏览器,但有一点不同,它绑定于对象时,并非该对象所有属性改变都能触发事件,它只在对象value值发生改变时奏效。
onchange: (a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效);(b)当前对象失去焦点(onblur);

因此,可以采用以下代码实时监听输入框值变化

 

$("#input_test1").bind("input propertychange change",function(event){
        $("#input_test2").val($("#input_test1").val());
});

 兼容IE

转自http://blog.csdn.net/otengyue/article/details/50708277

jquery实时监听输入框值变化

标签:鼠标   元素事件   很多   val   bin   条件   script   激活   value   

原文地址:http://www.cnblogs.com/anxiaoyu/p/7844615.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!