美文网首页
onpropertychange 实现实时监控input输入框事

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

作者: 万色星辰 | 来源:发表于2017-12-07 15:59 被阅读0次

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

相关文章

网友评论

      本文标题:onpropertychange 实现实时监控input输入框事

      本文链接:https://www.haomeiwen.com/subject/gmzdixtx.html