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 相关文章推荐
JScript的条件编译
May 29 Javascript
js中匿名函数的N种写法
Sep 08 Javascript
基于jQuery的弹出框插件
Mar 18 Javascript
浏览器页面区域大小的js获取方法
Sep 21 Javascript
JavaScript匿名函数与委托使用示例
Jul 22 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
bootstrap multiselect下拉列表功能
Aug 22 Javascript
简谈创建React Component的几种方式
Jun 15 Javascript
layui实现数据分页功能(ajax异步)
Jul 27 Javascript
layer页面跳转,获取html子节点元素的值方法
Sep 27 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
Nov 09 Javascript
vue 在服务器端直接修改请求的接口地址
Dec 19 Vue.js
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
PHP 学习路线与时间表
2010/02/21 PHP
gd库图片下载类实现下载网页所有图片的php代码
2012/08/20 PHP
PHP curl 获取响应的状态码的方法
2014/01/13 PHP
mysqli扩展无法在PHP7下升级问题的解决
2019/09/10 PHP
仿服务器端脚本方式的JS模板实现方法
2007/04/27 Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
javascript实现json页面分页实例代码
2014/02/20 Javascript
jQuery实现3D文字特效的方法
2015/03/10 Javascript
原生js实现百叶窗效果及原理介绍
2016/04/12 Javascript
Bootstrap Fileinput文件上传组件用法详解
2016/05/10 Javascript
老生常谈javascript的类型转换
2016/10/12 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
2016/10/18 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
2016/12/26 Javascript
Bootstrap多级菜单的实现代码
2017/05/23 Javascript
详解JavaScript数组过滤相同元素的5种方法
2017/05/23 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
2017/06/28 jQuery
全面介绍vue 全家桶和项目实例
2017/12/27 Javascript
node.js环境搭建图文详解
2018/09/19 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
2019/01/18 jQuery
Vue.js递归组件实现组织架构树和选人功能案例分析
2019/07/03 Javascript
turn.js异步加载实现翻书效果
2019/07/25 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
2020/09/07 Javascript
用实例分析Python中method的参数传递过程
2015/04/02 Python
详解python开发环境搭建
2016/12/16 Python
python实现对指定输入的字符串逆序输出的6种方法
2018/04/26 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
俄罗斯香水和化妆品网上商店:NOTINO.ru
2019/12/17 全球购物
两则小学生的自我评价分享
2013/11/14 职场文书
毕业生求职的求职信
2013/12/05 职场文书
草船借箭教学反思
2014/02/03 职场文书
2014年社区妇联工作总结
2014/12/02 职场文书
品质保证书格式
2015/02/28 职场文书
售后前台接待岗位职责
2015/04/03 职场文书
教师师德承诺书2016
2016/03/25 职场文书
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python