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


Posted in Javascript onJanuary 26, 2017

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

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

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

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

如下情景:

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

怎么解决这个问题呢?

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

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

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

Javascript 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
捕获浏览器关闭、刷新事件不同情况下的处理方法
Jun 02 Javascript
使用iframe window的scroll方法控制iframe页面滚动
Mar 05 Javascript
javascript关于继承解析
May 10 Javascript
JS中常用的正则表达式
Sep 29 Javascript
8 行 Node.js 代码实现代理服务器
Dec 05 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
Jan 04 Javascript
Bootstrap多级菜单的实现代码
May 23 Javascript
Angular4 中常用的指令入门总结
Jun 12 Javascript
JavaScript订单操作小程序完整版
Jun 23 Javascript
Angular自定义组件实现数据双向数据绑定的实例
Dec 11 Javascript
JS性能优化实现方法及优点进行
Aug 30 Javascript
Jquery实时监听input value的实例
Jan 26 #Javascript
jquery实时获取时间的简单实例
Jan 26 #Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 #Javascript
js遮罩效果制作弹出注册界面效果
Jan 25 #Javascript
assert()函数用法总结(推荐)
Jan 25 #Javascript
canvas知识总结
Jan 25 #Javascript
基于JavaScript实现自定义滚动条
Jan 25 #Javascript
You might like
PHP6 mysql连接方式说明
2009/02/09 PHP
UCenter中的一个可逆加密函数authcode函数代码
2010/07/20 PHP
php ci 获取表单中多个同名input元素值的代码
2016/03/25 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
phpcmsv9.0任意文件上传漏洞解析
2020/10/20 PHP
网上抓的一个特效
2007/05/11 Javascript
JavaScript 继承详解(二)
2009/07/13 Javascript
javascript 窗口加载蒙板 内嵌网页内容
2010/11/19 Javascript
JS鼠标滑过图片时切换图片实现思路
2013/09/12 Javascript
js中iframe调用父页面的方法
2014/10/30 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
2015/03/25 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
javascript使用btoa和atob来进行Base64转码和解码
2017/03/20 Javascript
解决Mac安装thrift因bison报错的问题
2018/05/17 Javascript
vue+SSM实现验证码功能
2018/12/07 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Windows下PyMongo下载及安装教程
2015/04/27 Python
python版本坑:md5例子(python2与python3中md5区别)
2017/06/20 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
python线程中同步锁详解
2018/04/27 Python
python中的json总结
2018/10/11 Python
Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析
2019/04/27 Python
详解利用python+opencv识别图片中的圆形(霍夫变换)
2019/07/01 Python
python使用minimax算法实现五子棋
2019/07/29 Python
意大利领先的线上奢侈品销售电商:Eleonora Bonucci
2017/10/17 全球购物
安全大检查实施方案
2014/02/22 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
招股说明书范本
2014/05/06 职场文书
爱国主义教育演讲稿
2014/08/26 职场文书
面试自我评价范文
2014/09/17 职场文书
2014国庆节标语口号
2014/09/19 职场文书
Redis安装启动及常见数据类型
2021/04/14 Redis
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫
MySQL一劳永逸永久支持输入中文的方法实例
2022/08/05 MySQL