js实时监听input中值的变化

Posted 菜根谭

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实时监听input中值的变化相关的知识,希望对你有一定的参考价值。

$(function(){  
      $(‘#inputid‘).bind(‘input propertychange‘, function() {
            // input 中的值
            var params = $(this).val(); 
      }); 
})     

类似于实现‘还能输入xxx个字符’的效果.

 

oninput, onpropertychange, onchange的用法:
1.onchange 触发事件必须满足两个条件:
a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)
b)当前对象失去焦点(onblur);
2.onpropertychange 的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的;
3.oninput 是onpropertychange的非IE浏览器版本,支持firefox和opera等浏览器,但有一点不同,它绑定于对象时,并非该对象所有属性改变都能触发事件,它只在对象value值发生改变时奏效。

以上是关于js实时监听input中值的变化的主要内容,如果未能解决你的问题,请参考以下文章

js 实时监听input中值变化

input输入框内容变化实时监听

js监听input输入框值的实时变化实例

jQuery/原生JS实时监听input输入框值变化

JS实现移动端实时监听输入框变化的实例代码

jquery 实时监听输入框值变化的完美方案