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

166 阅读 0 评论 110 点赞

我是靠谱客的博主温婉悟空，最近开发中收集的这篇文章主要介绍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 实时监听输入框值变化的完美方法(必看)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。