JS控件autocomplete 0.11演示及下載 1月5日已更新

2019-11-21 02:22:32

字體：大中小

來源：轉載

供稿：網友

1月5日已更新

修復自動完成文本框焦點移失，自動完成容器不能消失的bug
增加expandAllItem方法，雙擊時可出現全部的item，詳情請看示例
增加customStyle示例，該示例演示了如何對autocomplete控件進行css美化，見autocomplete_custom的css文件

演示及下載：
http://www.never-online.net/code/neverModules/autocomplete/

功能較上一版本的改進和功能：
1。匹配速度的提高。
2。加入ignoreCase屬性（為false時，將區分大小寫，默認為true）
3。加入ignoreWhere屬性（為true時，匹配結果將使用貪婪匹配，即整個字符串中只要有輸入的字符，將把dataSource內容送入匹配結果中）
4。按esc返回。
5。兼容IE6.0, Opera9.0, Mozilla Firefox1.5
6。可手動清空dataSource數據，或動態賦值給dataSource。方便的進行AJAX，詳細請看示例。
7。highlighted屬性（默認為true，大數據量時，建議設置為false）。
8。在IE中，彌補div被select控件遮擋。詳細請看第一個示例。
9。方向鍵支持。

思路以及參考：

初始化時，我把所有的數據都一次用join("")生成dataSource字符串（我在字符串字使用的html都盡量的簡短，使之能夠以最少的字符串生成數據），之后用正則來匹配。感覺這已經在速度上是很快的了。

雖然range功能還沒有加進去，但基本的已經足夠了。速度還算理想。現在發現一個速度問題就是，如果要在Opera，Mozilla，IE里充分利用其內核的效率，那么結果將是代碼也許會大大的加長。畢竟不同內核之間的效率是大不一樣的。

兼容性與效率同樣也是一個矛盾的問題。用insertAdjanceHTML這個方法，是在大數數量情況下，插入一個字符串的一個簡單兼容方法之一。

還有一個就是把highlight加入的問題，用了join之后，要加亮，必須再次回溯，從而相當于進行了兩次匹配。這個也是效率的問題之一。所以建議大數據量情況下，把highlighted屬性設為false。這樣效率理論上說，應該可以提高40%左右的速度。

上一篇：一個對于js this關鍵字的問題

下一篇：根據分辯率調用不同的CSS.