關於 input 輸入搜尋的優化

2021-08-11 10:52:35 字數 359 閱讀 1024

很多時候我們都會利用 input 的 change 事件做搜尋功能,如果觸發 change 事件不做處理就直接去請求資料或者處理資料會做很多次操作,所以我們在 change 事件裡面需要做個處理減少資料的請求或處理次數。

var searchtimeout,

delaytime = 400,

submitsearch = function

() ;

// 搜尋

$(searchinput).change(function

() );

思路就是利用定時器做個延遲的搜尋,這樣輸入相隔時間小於 delaytime 的時候不會去處理搜尋,當輸入完成再去處理搜尋。

實現input輸入時智慧型搜尋

智慧型搜尋 function osearchsuggest searchfuc var hidesuggest function 傳送請求,根據關鍵字到後台查詢 var sendkeyword function event else else if event.keycode 40 else 輸入字...

input事件 輸入中文再進行搜尋的問題

觸發compositionstart時,文字框會填入 虛擬文字 待確認文字 同時觸發input事件 在觸發compositionend時,就是填入實際內容後 已確認文字 var cplock true com search input on compositionstart function com...

js限制input的輸入

限制只能輸入大於等於0的正整數 onkeyup value value.replace d g,parseint value 限制輸入正整數 不包括0 onkeyup value value.replace 0 d g,限制輸入大於等於0的兩位小數 oninput value value.match...