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

      

     

  • 相关阅读:
    vscode设置js文件自动格式化单引号
    解决git每次输入账号密码问题
    vscode设置vouter标签不换行
    查看修改npm地址并登录
    正则匹配[]外部的内容
    使用v-model实现父子组件之间传值
    发布网站
    安装IIS
    IIS服务添加角色
    react生命周期
  • 原文地址:https://www.cnblogs.com/fudapeng/p/4792172.html
Copyright © 2011-2022 走看看