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

      

     

  • 相关阅读:
    [日常训练]大灾难
    [cf235D]Graph Game
    [日常训练]选课
    [日常训练]挂科
    [学习笔记]概率&期望
    [日常训练]yayamao的神题
    [学习笔记]原根
    LOJ#2132. 「NOI2015」荷马史诗
    LOJ#2131. 「NOI2015」寿司晚宴
    LOJ#2129. 「NOI2015」程序自动分析
  • 原文地址:https://www.cnblogs.com/fudapeng/p/4792172.html
Copyright © 2011-2022 走看看