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

(编辑：jimmy 日期: 2025/10/2 浏览：2)

本文实例讲述了jQuery实现Email邮箱地址自动补全功能代码。分享给大家供大家参考，具体如下：

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

运行效果截图如下：

在线演示地址如下：

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

具体代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>输入Email相关字符自动提示Email地址</title>
<script src="/UploadFiles/2021-04-02/jquery-1.6.2.min.js">

希望本文所述对大家jQuery程序设计有所帮助。

上一篇：JavaScript实现的Tween算法及缓冲特效实例代码

下一篇：jQuery实现仿QQ头像闪烁效果的文字闪动提示代码