即时搜索(input框)

作搜索功能的时候，常常遇到输入框检查的需求，最多见的是即时搜索，今天好好小结一下。

即时搜索的方案：

（1）change事件    触发事件必须知足两个条件：

 

a）当前对象属性改变，而且是由键盘或鼠标事件激发的（脚本触发无效）

b）当前对象失去焦点(onblur)

 （2）keypress  恩，还好。。。。。就是能监听键盘事件，鼠标复制黏贴操做他就无能为力的赶脚了。。。。。

 （3）propertychange（ie）和input事件

input是标准的浏览器事件，通常应用于input元素，当input的value发生变化就会发生，不管是键盘输入仍是鼠标黏贴的改变都能及时监听到变化

 

propertychange，只要当前对象属性发生改变。

好比一个input输入文字后出现下拉框，如图：

当输入框里面内容为空时，下拉框要隐藏，能够经过input和propertychange方法实现，代码以下：

 

<script>
$("#search").bind("input propertychange",function(){
    var value=$(this).val();
    if(value){
        $(".pc_search ul").show();
    }else{
        $(".pc_search ul").hide();
    }
});
</script>

这里bind同时绑定了input和propertychange两个方法。