这篇文章主要介绍了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邮箱地址自动补全功能代码的详细内容,更多请关注本站其它相关文章!