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

Javascript
JQuery 学习笔记 选择器之四
JQuery 学习笔记 选择器之五
JQuery 学习笔记 选择器之六
JQuery CSS样式控制 学习笔记
用js模仿word格式刷功能实现代码 [推荐]
运用jquery实现table单双行不同显示并能单行选中
jqPlot jquery的页面图表绘制工具
jquery tools之tabs 选项卡/页签
jquery tools之tooltip
浅析Javascript原型继承 推荐
JQuery UI皮肤定制
实现lightBox时的样式与行为分离减少JS
JQuery 表格操作(交替显示、拖动表格行、选择行等)
javascript 进度条 实现代码
Javascript this指针
jquery imgareaselect 使用利用js与程序结合实现图片剪切
javascript 写的一个简单的timer
javascript 处理HTML元素必须避免使用的一种方法
Javascript 验证上传图片大小[客户端]
jQuery 隔行换色 支持键盘上下键,按Enter选定值

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 286 ::
收藏到网摘: 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