jquery 实时监听输入框值变化的完美方法(必看)
更新时间：2017年01月26日 11:19:26 投稿：jingxian
下面小编就为大家带来一篇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 实时监听输入框值变化的完美方法(必看)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
主要是利用了jquery的attr为行添加样式来实现的，具体的代码如下。2009-12-12
很多时候，在网上下的一些Jquery插件，在页面运行时出现乱码问题，我总结了三点，希望对大家有所帮助：2013-06-06
这篇文章主要介绍了jQuery实现鼠标响应式透明度渐变动画效果,涉及jQuery事件响应及动态修改页面元素属性相关操作技巧,需要的朋友可以参考下2018-02-02
Tooltipster是一个jQuery插件用于快速创建HTML5校验并且灵活的Tooltips。它可以通过CSS来改变外观，箭头的位置之后，鼠标，延迟/期间的外观都可以被定义。2015-04-04
基于jquery的DIV随滚动条滚动而滚动的代码，有了JQuery简单多了，就几行代码搞定2012-07-07
jquery中trigger()无法触发hover事件的解决方法
jquery中trigger() 方法触发被选元素的指定事件类型了，但有使用过程中会碰到一些问题了，下面我们一起来看看jQuery中trigger()触发hover事件疑问,希望对各位有帮助。2015-05-05
功能强大的 jquery 表单验证插件，适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证，除自身拥有丰富的验证规则外，还可以添加自定义的验证规则。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04
这篇文章主要介绍jQuery实现table隔行换色和鼠标经过变色的两种方法,需要的朋友可以参考下2014-06-06
Jquery Ajax学习实例3 向WebService发出请求，调用方法返回数据
Jquery Ajax学习实例3 向WebService发出请求，调用方法返回数据2010-03-03
这篇文章主要介绍了jQuery源码解读之removeClass()方法,以注释形式较为详细的分析了removeClass()方法的实现技巧与使用注意事项,需要的朋友可以参考下2015-02-02
最新评论