兼容IE9以下的input实时监听例子

来源:互联网 发布:网络打印机0个文档被挂 编辑:程序博客网 时间:2024/06/05 18:52
// IE11以下执行if(document.all){    // input搜索框的值实时监听    var searchInput = document.getElementById("search-input");    var searchBtn   = document.getElementById("search-btn");    searchInput.onpropertychange = function(){        // 搜索框不为空时,搜索按钮显示        if(searchInput.value != ''){            searchBtn.style.display = 'block';        }        // 搜索框为空时,搜索按钮隐藏        else{            searchBtn.style.display = 'none';        }    };}// 非IE和IE11时执行else{    // input搜索框的值实时监听    $('#search-input').bind('input  ', function(){        var $this = $(this);        // 搜索框不为空时,搜索按钮显示        if($this.val() != ''){            $this.siblings('#search-btn').show();        }        // 搜索框为空时,搜索按钮隐藏        else{            $this.siblings('#search-btn').hide();        }    });}


原创粉丝点击