求qq邮箱的一个功能

Question

就是发件人地址填写后，光标焦点离开地址栏，再次进入就会发现使用“;”隔开的联系人地址已经成为一个整体可以被选择。
在一个联系人整块上“双击”，就可以编辑啦；“单击”一联系人整块，就会高亮显示这个联系人的整块范围；鼠标移动到一个没被“单击”的联系人上会稍微高亮显示联系人的整块范围。
这是怎么实现的？

Answer 1

收件人包含在
<DIV style="CURSOR: text" id="toAreaCtrl" class="noime div_txt" unselectable="on">
</DIV>中
收件人每一项是
<DIV style="WHITE-SPACE: nowrap; FLOAT: left" class="addr_base addr_normal " unselectable="on" addr="[email protected]" false="">
<B unselectable="on">xxx</B><SPAN unselectable="on">&lt;xxxxqq.com&gt;</SPAN>;
</DIV>
鼠标事件针对每一项进行处理，双击后让div contentEditable=true 或者嵌入input都可以