当前位置:首页 > 日记 > 正文

jquery 实时监听输入框值变化的完美方法 | 必看

jquery 实时监听输入框值变化的完美方法 | 必看

只需要同时绑定 oninput 和 onpropertychange 两个事件,但是这并不完美

$('.input-form :input').bind('input propertychange', function(){  //获取.input-form下的所有 <input> 元素,并实时监听用户输入  //逻辑})

以上代码在因为用的bind,所以当遇到追加的新input标签时,则不能监听了。

如下情景:

由上图可以看到189和135号码是可以监听的,但是新追加的178和188则无效。

怎么解决这个问题呢?

整了大半天,好吧,用live代替bind即可

$('.input-form :input').live('input propertychange', function(){  //获取.input-form下的所有 <input> 元素,并实时监听用户输入  //逻辑})

以上这篇jquery 实时监听输入框值变化的完美方法(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

ES6使用Set数据结构实现数组的交集

ES6使用Set数据结构实现数组的交集

数据结构,并集,数组,示例,功能,本文实例讲述了ES6使用Set数据结构实现数组的交集、并集、差集功能。分享给大家供大家参考,具体如下:Set数据结构是es6中新增的,它类似于数组,但是成员的值唯一,没有重复值。Set本身是一个数据结构,用来生成Set数据…

Word文档中设置多级列表的方法是什

Word文档中设置多级列表的方法是什

文档,设置,列表,多级,方法,  不同的物品都有不同的分类,在Word文档中如果所有的分类文字都紧凑在一起,这样既不美观,也不方便阅读。可以设置分类列表,多级列表就能很好进行分类了。以下是小编为您带来的关于Word文档中设置多级列表的方法,希望…

VS2017添加EF的MVC控制器报错的解

VS2017添加EF的MVC控制器报错的解

解决方法,控制器,报错,电脑软件,EF,VS2017添加EF的MVC控制器报错的解决方法,供大家参考,具体内容如下1. 错误描述:no database provider has been configured fot this DbContext.此类错误是上下文的注册造成的.解决方式在DBContext中重写OnCo…

怎么设置Excel2013合并单元格快捷

怎么设置Excel2013合并单元格快捷

快捷键,合并单元格,设置,方法,步骤,  大家在用Excel2013时,需要频繁使用合并单元格这功能,为了工作效率,那有没快捷键来实现这一功能呢,答案是有的,下面小编就教你怎么设置Excel2013合并单元格快捷键。设置Excel2013合并单元格快捷键的步骤首…

JS优化与惰性载入函数实例分析

JS优化与惰性载入函数实例分析

优化,分析函数,函数,实例分析,惰性,本文实例讲述了JS优化与惰性载入函数。分享给大家供大家参考,具体如下:惰性载入函数由于现在浏览器之间的差异,为了实现跨浏览器工作,很多函数要书写大量if语句或者try…catch…语句。当每次调用函数时,都要对…

详解AngularJS中$filter过滤器使用

详解AngularJS中$filter过滤器使用

过滤器,自定义,详解,电脑软件,filter,1.内置过滤器* $filter 过滤器,是angularJs中用来处理数据以更好的方式展示给我用户。比如格式化日期,转换大小写等等。* 过滤器即有内置过滤器也支持自定义过滤器。内置过滤器很多,可以百度。关键是如何…

cdr绘制逼真的巧克力牛奶包装盒教

cdr绘制逼真的巧克力牛奶包装盒教

绘制,教程,牛奶,逼真,包装盒,效果图:主要过程:1、矩形工具绘制一个矩形,52MMX142MM的矩形,填充渐变,双击上下倾斜,如图2、同样用矩形工具绘制一个长30MM高度一样的矩形填充渐变,倾斜,如图3、用矩形绘制一个小条矩形放到拼接的位置,填充颜色,如图4、绘…

JS实现页面内跳转的简单代码

JS实现页面内跳转的简单代码

跳转,代码,简单,页面内,电脑软件,使用js($.ajax中)实现页面内跳转(即:描点平滑跳转)的方法(aa为跳转目的标签的id):在网络上有很多资料所说的:animate方法我试了并不好使,不知道是啥原因,欢迎大家指正,附上网络方法:var oneTop = $("#aa").offset()…

HTTP协议简介_动力节点Java学院整

HTTP协议简介_动力节点Java学院整

节点,学院,协议,动力,简介,TCP协议对应于传输层,而HTTP协议对应于应用层,从本质上来说,二者没有可比性。Http协议是建立在TCP协议基础之上的,当浏览器需要从服务器获取网页数据的时候,会发出一次Http请求。Http会通过TCP建立起一个到服务器的连…

ASP.NET中画图形验证码的实现代码

ASP.NET中画图形验证码的实现代码

验证码,画图形,代码,电脑软件,ASP,本文给大家分享一段asp.net代码实现画图形验证码功能,代码简单易懂,具体代码如下所示:context.Response.ContentType = "image/jpeg"; //生成随机的中文验证码 string yzm = "人口手大小多少上中下男…

Vue 滚动行为的具体使用方法

Vue 滚动行为的具体使用方法

使用方法,电脑软件,Vue,滚动行为使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。 vue-router 能做到,而且更好,它让你可以自定义路由切换时页面如何滚动。注意: 这个功能只在 HTML5 history 模…

AngularJS实现页面定时刷新

AngularJS实现页面定时刷新

定时刷新,页面,电脑软件,AngularJS,有时我们在前端可能会有这样的需求:1、每隔一段时间刷新一下页面中的数据2、根据需要可以暂停和启用刷新接下来我们就来看下AngularJS的实现方法: 首先我们了解到AngularJS中$interval可以用来处理间歇性处…