欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2007年01月09日 00:00:00   作者:  
1月5日已更新

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

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

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

思路以及參考:

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

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

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

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

相關文章

  • BootStrap 動態(tài)添加驗證項和取消驗證項的實現方法

    BootStrap 動態(tài)添加驗證項和取消驗證項的實現方法

    這篇文章主要介紹了BootStrap 動態(tài)添加驗證項和取消驗證項的實現方法的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-09-09
  • js圖片輪播效果實現代碼

    js圖片輪播效果實現代碼

    這篇文章主要介紹了js圖片輪播效果實現代碼,文章對每一步進行了詳細闡述,標注注意事項,為順利實現js圖片輪播效果做好鋪墊,對輪播效果感興趣的朋友可以參考一下
    2015-11-11
  • js實現鼠標滑過文字鏈接色彩變化的效果

    js實現鼠標滑過文字鏈接色彩變化的效果

    這篇文章主要介紹了js實現鼠標滑過文字鏈接色彩變化的效果,涉及javascript鼠標事件及樣式操作的技巧,非常具有實用價值,需要的朋友可以參考下
    2015-05-05
  • JS簡單獲取并修改input文本框內容的方法示例

    JS簡單獲取并修改input文本框內容的方法示例

    這篇文章主要介紹了JS簡單獲取并修改input文本框內容的方法,結合實例形式分析了JavaScript針對頁面元素的獲取、賦值等相關操作技巧,需要的朋友可以參考下
    2018-04-04
  • javascript 繪制矩形框

    javascript 繪制矩形框

    今天讀John Resig的Pro Javascript Techniques時候看到他書上給的一個關于drag and drop的例子,我做的第二件事就是js模擬用鼠標拖出矩形框,代碼很簡單
    2009-04-04
  • 原生js實現倒計時--2018

    原生js實現倒計時--2018

    本文主要介紹了原生js實現倒計時--2018的示例代碼,具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • JS中數組重排序方法

    JS中數組重排序方法

    在數組中有兩個可以用來直接排序的方法,分別是reverse()和sort()。下面通過本文給大家詳細介紹,對js 數組重排序相關知識感興趣的朋友一起看看吧
    2016-11-11
  • 利用H5api實現時鐘的繪制(javascript)

    利用H5api實現時鐘的繪制(javascript)

    這篇文章主要為大家詳細介紹了利用H5api實現時鐘的繪制,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • javascript刪除Table中的一行的腳本代碼

    javascript刪除Table中的一行的腳本代碼

    用js實現的刪除table中一行數據的代碼
    2008-06-06
  • JavaScript中的子窗口與父窗口的互相調用問題

    JavaScript中的子窗口與父窗口的互相調用問題

    本文給大家介紹了JavaScript中的子窗口與父窗口的互相調用問題,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
    2017-02-02

最新評論