zoukankan      html  css  js  c++  java
  • 实时监听输入框值变化

    判断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');
    });
    

      

     

  • 相关阅读:
    【CODEVS1380】没有上司的舞会
    【poj2248】Addition Chains
    【poj3070】Fibonacci
    【NOIP2006】开心的金明
    【Tyvj1359】收入计划
    【NOIP2015】跳石头
    【CODEVS1219】骑士游历
    暑假假期总结第六周
    暑假假期总结第五周
    暑假假期总结第四周
  • 原文地址:https://www.cnblogs.com/fudapeng/p/4792172.html
Copyright © 2011-2022 走看看