1月5日已更新

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

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

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

思路以及參考：

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

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

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

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

最新評論