onpropertychange 实时监控input输入框事件实现

在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,可以使用onchange、onblur 事件,但是要失去焦点时才能触发事件,这里介绍onpropertychange实现动态监听input值

1.IE浏览器

$id = document.getElementById("id"); 
$id.onpropertychange
= function() {

  //expression

};

2.非IE浏览器下,需要用addEventListener来注册事件

if (window.addEventListener) { 
        document.getElementById("id").addEventListener("input", function() {

           //expression

        }, false);
}

3.JQ实现

$("#id").bind("input propertychange", function() {
            
    //expression
                
 });
原文地址:https://www.cnblogs.com/jeesezhang/p/4271855.html