即時搜索(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兩個方法。