用jquery实现的模拟QQ邮箱里的收件人选取及其他效果改进版

本文介绍了一款改进版的QQ邮箱地址输入组件,详细阐述了其在用户体验方面的优化措施,包括选中值后光标自动定位、智能删除算法等。

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

我们先来看一下之前网上的版本效果:

 

发现很多bug且应用场景不一样,没办法只能自己写了

 

操作时 textarea  的值只是显示效果,实现的参数为 hidden

 

2017-04-25再次改进版与新版的QQ邮箱差不多完全一样了。。。

1:选中值后光标自动移动到最后

2:按删除键时如果没有选中的值,系统会从最后一个值依次向前删除。如果有选中的值,就直接删除相应的值

3:如果输入的地址在系统中不存在,input框会自动删除用户输入的值

再看一下随机选中删除

 

 2017-05-02修正删除的速度

这是正常input框删除效果

如果按住删除键一直不放,如果不控制速度...

  2017-05-06改进删除算法

我们先来看QQ邮箱:

我们改进后的效果(删除后自动选中后一个值):

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值