1月5日已更新

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

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

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

思路以及參考：

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

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

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

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

最新評(píng)論