Home > Web Front-end > JS Tutorial > body text

jQuery实现Email邮箱地址自动补全功能代码

PHPz
Release: 2018-09-28 16:15:20
forward
2386 people have browsed it

这篇文章主要介绍了jQuery实现Email邮箱地址自动补全功能代码,涉及jQuery鼠标事件及字符操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下,具体如下:

jQuery Email邮箱地址自动补全代码,输入Email时,会自动加入@符号,在输入框中输入“qq”、“Sina”、“163”等等可以看到效果;鼠标经过提示Email时,高亮该条Email,鼠标点击Email时,文本框内容替换成该条Email,并删除提示层.

运行效果截图如下:

在线演示地址如下:

http://demo.jb51.net/js/2015/jquery-email-auto-comp-codes/

具体代码如下:




输入Email相关字符自动提示Email地址



Email 在输入框中输入“qq”、“Sina”、“163”等等可以看到效果
Copy after login

以上就是本章的全部内容,更多相关教程请访问jQuery视频教程

source:jb51.net
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact [email protected]
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!