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 相关文章推荐
JavaScript和CSS通过expression实现Table居中显示
Jun 28 Javascript
js操纵dom生成下拉列表框的方法
Feb 24 Javascript
详细解读JavaScript的跨浏览器事件处理
Aug 12 Javascript
javascript如何用递归写一个简单的树形结构示例
Sep 06 Javascript
微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
Dec 09 Javascript
vue 实现全选全不选的示例代码
Mar 29 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
vue 中滚动条始终定位在底部的方法
Sep 03 Javascript
微信小程序签到功能
Oct 31 Javascript
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
解决layer.open弹出框不能获取input框的值为空的问题
Sep 10 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
Oct 26 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
PHP中soap用法示例【SoapServer服务端与SoapClient客户端编写】
2018/12/25 PHP
Extjs Ajax 乱码问题解决方案
2009/04/15 Javascript
JavaScript解析URL参数示例代码
2013/08/12 Javascript
原生js做的手风琴效果的导航菜单
2013/11/08 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
2014/03/03 Javascript
AngularJS入门教程之表格实例详解
2016/07/27 Javascript
Bootstrap3 datetimepicker控件使用实例
2016/12/13 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
jQuery Jsonp跨域模拟搜索引擎
2017/06/17 jQuery
使用form-create动态生成vue自定义组件和嵌套表单组件
2019/01/18 Javascript
ES6的解构赋值实例详解
2019/05/06 Javascript
vux-scroller实现移动端上拉加载功能过程解析
2019/10/08 Javascript
JavaScript实现tab栏切换效果
2020/03/16 Javascript
详解python的数字类型变量与其方法
2016/11/20 Python
python使用Pycharm创建一个Django项目
2018/03/05 Python
django的登录注册系统的示例代码
2018/05/14 Python
彻彻底底地理解Python中的编码问题
2018/10/15 Python
python检测IP地址变化并触发事件
2018/12/26 Python
Django框架实现分页显示内容的方法详解
2019/05/10 Python
使用Python检测文章抄袭及去重算法原理解析
2019/06/14 Python
python 列表转为字典的两个小方法(小结)
2019/06/28 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
Python中pyecharts安装及安装失败的解决方法
2020/02/18 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
keras之权重初始化方式
2020/05/21 Python
Python pandas如何向excel添加数据
2020/05/22 Python
师德师风承诺书
2014/05/23 职场文书
环保标语大全
2014/06/12 职场文书
2014年新教师工作总结
2014/11/08 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
2016自主招生校长推荐信范文
2015/03/23 职场文书
2015年银行大堂经理工作总结
2015/04/24 职场文书
2016年会领导致辞稿
2015/07/29 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
pytorch 6 batch_train 批训练操作
2021/05/28 Python
总结一下关于在Java8中使用stream流踩过的一些坑
2021/06/24 Java/Android