当前位置：首页 > 资讯 > 技术文档

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

时间：2020-02-08 15:58 编辑：来源：阅读：
扫一扫，手机访问

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

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

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

[img]http://files.jb51.net/file_images/article/201701/20170126112054.jpg[/img] 以上代码在因为用的bind，所以当遇到追加的新input标签时，则不能监听了。 [b]如下情景： [/b] 由上图可以看到189和135号码是可以监听的，但是新追加的178和188则无效。 [b]怎么解决这个问题呢？[/b] 整了大半天，好吧，用live代替bind即可

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

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

全部评论(0)

上一篇：JQuery 技巧和窍门整理(8个)
下一篇：jquery+easeing实现仿flash的载入动画

资讯排行榜
更多>>