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

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

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

IE浏览器

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

非IE浏览器下，需要用addEventListener来注册事件

if (window.addEventListener) {
    document.getElementById("id").addEventListener("input", function() {
        //expression
     }, false);
}

JQ实现

$("#id").bind("input propertychange", function() {
    //expression
});