jQuery 实现自动填充邮箱功能(带下拉提示)
product=urs)中的邮箱栏目所实现的功能与效果。这个功能的目的是使用户在填写邮箱栏目的过程中,在带有邮箱后缀名的菜单的提示下,可以不需要完整输入自己的注册邮箱,达到方便、快捷、友好的效果。同时过滤后的第一条提示获得高亮。在完全匹配之后,下拉菜单隐藏。更主要的是对功能的逻辑分析要思路清晰,以及思考如何设计能真正使用户操作简便。邮件输入框$的keyup事件:①有输入的按键,使输入框有长度②按键为backspace或是delete③按键为方向键↑④按键为回车键至此keyup事件结束。⑤按键为方向键 ↓ ⑥按键为方向键 ↑ 至此keydown事件结束。⑦当鼠标点击下拉菜单的具体一条内容时⑧当鼠标点击document时,下拉隐藏⑨鼠标划过li时至此,功能完成。
下载地址
用户评论