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

2022-01-14,,,,

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

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

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

运行效果截图如下:

在线演示地址如下:

http://demo.html.cn/js/2015/jquery-email-auto-comp-codes/

具体代码如下:

   输入Email相关字符自动提示Email地址 body { margin:0px; padding:0px; font-family:Arial; font-size:12px; padding:10px; } #myemail, .newemail, .newemailtitle{ cursor:default; line-height:18px; }  Email  在输入框中输入“qq”、“Sina”、“163”等等可以看到效果 

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

以上就是jQuery实现Email邮箱地址自动补全功能代码的详细内容,更多请关注本站其它相关文章!

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

下载本文的Word格式文档,以方便收藏与打印。