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

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

 

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

 

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

 

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

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

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

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

再看一下随机选中删除

 

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

这是正常input框删除效果

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

  2017-05-06改进删除算法

我们先来看QQ邮箱：

我们改进后的效果（删除后自动选中后一个值）：

 

转载于:https://www.cnblogs.com/interdrp/p/6758544.html