当前位置: 首页 > 图文教程 > 网络编程 > Javascript > autocomplete禁止自动完成功能

Javascript
JS 参数传递的实际应用代码分析
prototype与jquery下Ajax实现的差别
用JS写的简单的计算器实现代码
javascript 数组操作实用技巧
JavaScript 中级笔记 第二章
JavaScript 中级笔记 第三章
JavaScript 中级笔记 第四章 闭包
JavaScript 中级笔记 第五章 面向对象的基础
Mootools 1.2教程 函数
Mootools 1.2教程 事件处理
通过Mootools 1.2来操纵HTML DOM元素
Mootools 1.2教程 设置和获取样式表属性
Mootools 1.2教程 输入过滤第一部分(数字)
Mootools 1.2教程 输入过滤第二部分(字符串)
Mootools 1.2教程 Fx.Tween的使用
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
MooTools 1.2中的Drag.Move来实现拖放
Mootools 1.2教程 正则表达式
Mootools 1.2教程 定时器和哈希简介
Mootools 1.2教程 滚动条(Slider)

Javascript 中的 autocomplete禁止自动完成功能


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 429 ::
收藏到网摘: n/a

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

neverModules - autocomplete

cross-browser

IE 6.0 - Opera 9.0 - - Mozilla 1.5.0

    Example list

    • google suggest demo in this e.g
    • response speed test, see this e.g
    • using autocomplete in ajax, see this e.g
    • neverModules online Document e.g

    feature 特性(我英文较差,我就只写一个单词了...)

    • speed. 速度
    • style. speed style and google sugguest style. 两种风格,速度风格和google sugguest风格,CSS可自己写。
    • cache. 缓存,提高速度和减少查询
    • function. 功能丰富

    下列是本版autocomplete提供的一些属性供选择,可以在ajax的示例中看到

    • * 使用了cache 功能,当敲入的字符数可以在cache中查到时,将不会向服务器发送请求。减轻服务器压力
    • * 使用空格匹配,一个空格字符相当于1个或多个字符(串)正如"codetome"网友提到的建议: 首先输入e那么最后一个单词 never-online bluedestiny renkailau 三个单词都会出来,然后我按一下空格,再输入n,文本框的字符是这样:"e n",我的目的是想要搜索所有带e而且带n的所有单词,结果应该是三个单词都出来,并且每个单词里的n和e都加黑。
    • * 无论输入字符串在dataSource的何处,始终匹配
    • * 当数据量较大时,自动截取前部分的数据,提高效率
    • * 忽略大小写
    • * 开启方向键(小键盘)

      Download source

      click here to download this file, if the file is unavailable, pls email me, BlueDestiny[at]126.com, or Go here

      History

      2006 - 01: autocomplete beta
      2006 - 09: autocomplete 0.10
      2007 - 01: autocomplete 0.11
      2007 - 03: autocomplete 0.12 beta

      Known bug