jquery实时监听输入框值变化

2018-04-03 10:21:35

在做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());
});

  • 精彩推荐

  • 2019-09-22 07:37:44

    ALIN10146,ALI38173支付宝APP支付集成时出现的问题

    最近在做支付宝APP的集成,遇到了一堆问题。百度不到,ALI64还好点,ALI38173基本上就没了。我也是测试了很久才解决的。ALI64的解决方案是因为要对私钥有问题。ALI38173是签名有问题。签名的解决方...

  • 2019-09-22 22:32:20

    Spring Shiro 使用默认的Session会话管理

    项目中用到了shiro session会话管理机制，今天来总结一下，以下都是在spring boot框架实现。 shiro的session管理机制很完善，也是独立于j2ee容器且不依赖的，所以我们完全可以使用shiro提供给我们的session会话管理来实现我们的业务逻辑，默认提供的sessionDAO是memorySessionDAO，这里也主要讲它的配置和原理。 首先来看下如何在spring boot下配置默认的session会话管理： ShiroConfig类：

  • 2019-09-23 16:17:13

    consola 教程

    consola 和 console 只差一个字母，并且它们都是控制器日志输出的好帮手。console 在某些方面，使用有些局限性。consola 是一个功能更丰富，更漂亮的控制台日志输出控件。今天我们一起来学习它的

  • 2019-09-24 22:03:13

    nginx支持socket

    安装nginx，stream模块默认不安装的，需要手动添加参数：–with-stream，根据自己系统版本选择nginx1.9或以上版本。