实时监听输入框值变化

判断ie678

//是否是IE678
        isIE678: function () {
            return !+'v1';
        },

监听输入框变化

if(util.isIE678()){
                //ie678下的实时搜索
                var enameSearch = document.getElementById("chooseUser");
                var oRealSearch = enameSearch.getElementsByTagName("input")[1];
                oRealSearch.detachEvent("onpropertychange");
                oRealSearch.attachEvent('onpropertychange',function(e){
                    if(e.propertyName === 'value'){
                         
                    }
                })
            }else{
                $("#chooseUser").delegate(".real-search", "input", function(){
                   
                });
            }

在监听到 onpropertychange 事件后,可以使用 event 的 propertyName 属性来获取发生变化的属性名称。

修改了 input:checkbox 或者 input:radio 元素的选择中状态, checked 属性发生变化。
修改了 input:text 或者 textarea 元素的值,value 属性发生变化。
修改了 select 元素的选中项,selectedIndex 属性发生变化。


使用 jQuery 库的话,只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了

$('textarea').bind('input propertychange', function() {
    $('.msg').html($(this).val().length + ' characters');
});

  

 

原文地址:https://www.cnblogs.com/fudapeng/p/4792172.html