`
zhouyrt
  • 浏览: 1159254 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript自动补全类(1)

阅读更多

/**
 * new InputSuggest({
 *       input         HTMLInputElement 必选
 *       data             Array ['sina.cn','sina.com','2008.sina.com','vip.sina.com.cn'] 必选
 *       containerCls    容器className
 *       itemCls        容器子项className
 *       activeCls        高亮子项className
 *       width         宽度设置 此项将覆盖containerCls的width
 *    opacity        透明度设置 此项将覆盖containerCls的opacity
 * });
 */

 

示意图:

 

 

兼容所有浏览器。

 

 

  • 大小: 3.8 KB
3
1
分享到:
评论
5 楼 请循其本 2011-12-08  
首先感谢博主伟大的分享精神,在此先表示感谢。

###########

网上搜了下,原生js写的邮箱自动补全插件只有您的作品一枝独秀。下载来看了下,代码优雅没得说,键盘事件做的也很好,但是感觉有一个可以再进行优化的地方。

如果邮箱过多导致查找困难,是不是可以输入@符号之后的字母插件可以进行排除,给出最可能正确的那几个邮箱。

我的邮箱是jozhi1989@gmail.com,希望能得到您能的答复,再次感谢。
4 楼 zhouyrt 2011-04-13  
yangleilt 写道
如图:请问这个怎么处理呀! 我看了始终是一个div的呀 郁闷呀


input输入框加上了autocomplete="off"。

当然,Firefox中会有点小问题。自己权衡。
http://www.cnblogs.com/snandy/archive/2011/03/25/1994197.html
3 楼 yangleilt 2011-04-12  
如图:请问这个怎么处理呀! 我看了始终是一个div的呀 郁闷呀
2 楼 yangleilt 2011-04-12  
北京颜色改成white为什么会出现貌似两个div的东东呀?
1 楼 select*from爱 2010-10-20  
                 

相关推荐

    Javascript自动补全类(2)

    JavaScript自动补全类是开发过程中常见的一种功能,用于提高用户输入效率和准确性,尤其是在处理大量数据或代码编辑器中。这个主题主要围绕一个名为"Suggest"的类进行,该类可能是一个实现自动补全功能的JavaScript...

    javascript代码自动补全插件

    它的主要目的是增强原版Firebug的JavaScript自动补全功能,尤其是在处理大型JavaScript库(如jQuery、AngularJS等)时,提供更全面的API提示。通过安装这个插件,开发者可以更轻松地记住和使用各种库的函数和方法,...

    JavaScript自动补全

    从给定的文件信息来看,虽然标题和描述都是“JavaScript自动补全”,但是代码片段却显示了一个使用JSP(Java Server Pages)与JavaScript结合来实现输入框自动补全功能的例子。下面将对这段代码涉及的关键知识点进行...

    JavaScript Suggest自动补全的输入框下拉提示类

    JavaScript Suggest自动补全的输入框下拉提示类是一种常见的前端开发技术,广泛应用于各种Web应用,如搜索引擎、表单输入、代码编辑器等。它为用户提供了一个方便、高效的交互体验,通过预测用户可能要输入的内容,...

    设置eclipse和html和js自动补全.zip

    展开“JavaScript” -> “Editor” -> “Content Assist”,在这里你可以调整JavaScript自动补全的详细程度,比如是否显示函数参数提示等。同时,确保“Enabled”选项已被勾选,以启用JavaScript的自动补全功能。 ...

    eclipse自动补全插件

    eclipse中java、javascript、html代码自动补全

    html_js自动补全

    JavaScript 的自动补全功能则更为复杂。它通常包括对内置对象、函数、方法以及第三方库的支持。当你开始输入一个函数名,如 `console.log()` 或 `document.getElementById()`,编辑器会显示完整的函数签名和参数,...

    改进版 jquery 仿百度谷歌自动补全输入(支持中文)

    它可能是一个示例文件名,也可能代表一系列相关的文件或目录,用于存储自动补全功能的相关资源,比如样式表(CSS)、JavaScript文件、配置文件或者数据文件。 总的来说,这个项目结合了jQuery、JavaScript和可能的...

    Java - Ajax自动补全

    1. **Ajax自动补全的基本原理**:自动补全功能通常用于搜索框或输入字段,当用户输入字符时,服务器会实时返回匹配的数据,这些数据可以是建议的搜索词、用户列表或其他相关信息。Ajax通过异步请求在后台处理这些...

    autoComplete 文字自动补全demo1

    在这个名为"autoComplete 文字自动补全demo1"的项目中,我们可以看到一个使用jQuery插件实现的自动补全功能示例。 jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。在...

    邮箱自动补全demo

    邮箱自动补全通常基于JavaScript实现,利用AJAX异步请求获取匹配的邮箱域名列表。当用户在输入框中输入字符时,通过监听键盘事件触发请求,服务器返回与输入匹配的邮箱后缀,然后在前端动态展示出来。 2. **关键...

    js 自动补全 及css样式

    JavaScript自动补全功能通常是通过代码编辑器或IDE提供的。例如,`jquery-ui-1.9.2.custom.js`可能是一个包含jQuery UI库的版本,该库不仅提供了丰富的UI组件,还支持自动补全功能。jQuery UI中的Autocomplete组件是...

    JavaScript 文本框下拉自动补全提示

    JavaScript文本框下拉自动补全提示是一种常见的交互设计,它极大地提升了用户在输入时的效率和体验。在网页开发中,这种功能常用于搜索框、表单输入等场景,允许用户在输入过程中根据已有的数据集获取匹配的建议,...

    仿谷歌百度实现输入自动补全功能

    在IT行业中,输入自动补全(Autocomplete)是一项常见的功能,尤其在搜索引擎、文本编辑器、Web表单等场景中广泛使用。它极大地提升了用户体验,减少了用户输入的时间和错误率。本项目旨在仿照谷歌和百度的样式,...

    C# 动态自动补全功能 含css js 和前后台代码

    1. C#代码:可能包括自定义的自动补全服务或者扩展,用于增强IDE的智能感知功能。 2. JavaScript代码:可能是一个前端自动补全库,如Autocomplete.js或与特定框架(如React、Vue等)的集成组件。 3. CSS样式表:可能...

    自动补全提示(可模糊搜索)的输入框

    本文将深入探讨如何使用JavaScript实现一个具备模糊搜索功能的自动补全提示输入框,根据提供的标题和描述,我们将分析其关键知识点。 首先,自动补全的核心是通过用户输入的部分文字来预测他们可能想要完成的完整...

    java实现自动补全功能

    在Java开发中,实现自动补全功能是一种常见的需求,特别是在Web应用中,它可以极大地提高用户输入的效率和体验。这个项目使用了Java后端技术和AJAX前端技术来完成这一功能。接下来,我们将深入探讨如何利用Java和...

    js自动补全

    **JavaScript自动补全功能详解** JavaScript自动补全(也称为智能提示或代码补全)是开发者在编写代码时的一种高效工具,它能提供基于上下文的建议,帮助快速输入语句,提高编程效率。在本篇文章中,我们将深入探讨...

Global site tag (gtag.js) - Google Analytics