jQuery搜索框輸入實時進行查詢

在手機上，咱們指望在搜索框中輸入數據，可以實時更新查詢出來的內容，不須要按回車。

實現方式爲：

$(".search").bind("input propertychange",function(event){
    //進行查詢操做
})

1、首先分清下面幾個概念：
onchange事件:此事件會在元素內容發生改變，且失去焦點的時候觸發。瀏覽器支持度較好。
onpropertychange事件:此事件會在元素內容發生改變時當即觸發，即使是經過js改變的內容也會觸發此事件。元素的任何屬性改變都會觸發該事件，不止是value。只有IE11如下瀏覽器支持此事件。
oninput事件:此事件會在value屬性值發生改變時觸發，經過js改變value屬性值不會觸發此事件。只有IE8以上或者谷歌火狐等標準瀏覽器支持。
2、而後咱們主要是結合 HTML5 標準事件 oninput 和 IE 專屬事件 onpropertychange 事件來監聽輸入框值變化。
oninput 是 HTML5 的標準事件，對於檢測 textarea, input:text, input:password 和 input:search 這幾個元素經過用戶界面發生的內容變化很是有用，在內容修改後當即被觸發，不像 onchange 事件須要失去焦點才觸發。不過oninput 事件在 IE9 如下版本不支持，須要使用 IE 特有的 onpropertychange 事件替代。因此就有了以上的寫法。