paip.提升用户体验-----填写EMAIL时自动提示完成

最新推荐文章于 2019-07-07 13:46:42 发布

原创最新推荐文章于 2019-07-07 13:46:42 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#email #javascript #menu #bbs #跨平台 #function

ux/ue用户体验专栏收录该内容

88 篇文章

订阅专栏

介绍了一个在Discuz论坛中实现的EMAIL地址自动补全功能，该功能可在用户输入部分字符后提供常用的邮箱域名供用户选择，有效提升了用户体验。通过分析其工作原理和技术实现细节，如JavaScript代码如何响应键盘事件并展示邮箱建议列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

paip.提升用户体验-----填写EMAIL时自动提示完成

今天在http://bbs.yulong.com/search.php?searchsubmit=yes注册，，BBS是discuz x2 ,在填写EMAIL时，网打了个attilax2，就出来个自动完成列表，里面把常用的邮箱列出来了，我就选了个ATTILAX2@QQ.COM
还有163什么的...我想这个功能真是可以提高用户体验啊..

如果需要的话，可以把这个功能从DISCUZ中扒出来 ,做成个独立的功能，就可以各个项目使用了...毕竟是纯JS的，跨平台效果好...

完整的列表如下:[qq.com,163.com,sina.com,sohu.com,yahoo.cn,gmail.com,hotmail.com]

主要在ONKEYUP，和ONCLICK时显示列表,如果文本框为空，则ONCLICK事件不弹出列表..当弹出列表后，可以单击选择。。

经过我的抓包，主要是流程如下

http://bbs.yulong.com/static/js/register.js?MMW
Line168
function emailMenu(e, id) {
var s = '<ul>';
for(var i = 0; i < emaildomains.length; i++) {
s += '<li><a href="javascript:;" onmouseover="emailMenuOp(5)" ' + (emailMenui == i ? 'class="a" ' : '') + 'onclick="$(stmp[\'email\']).value=this.innerHTML;display(\'emailmore_menu\');checkemail(stmp[\'email\']);">' + v + '@' + emaildomains[i] + '</a></li>';
}
s += '</ul>';
$('emailmore_menu').innerHTML = s;
emailMenuOp(2);