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
});