onpropertychange 實現(xiàn)實時監(jiān)控input輸入框事件
在 Web 開發(fā)中經(jīng)常會碰到需要動態(tài)監(jiān)聽輸入框值變化的情況,可以使用onchange怨咪、onblur 事件,但是要失去焦點時才能觸發(fā)事件呛谜,這里介紹onpropertychange實現(xiàn)動態(tài)監(jiān)聽input值
IE瀏覽器
$id = document.getElementById("id");
$id.onpropertychange = function() {
//expression
};
非IE瀏覽器下溶诞,需要用addEventListener來注冊事件
if (window.addEventListener) {
document.getElementById("id").addEventListener("input", function() {
//expression
}, false);
}
JQ實現(xiàn)
$("#id").bind("input propertychange", function() {
//expression
});