答案： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> <style type="text/css"> .autofinish{font-family:arial;font-size:12px;background:#eeeeee;border:1px solid #000000;padding:2px;color:#0000cc;} .autofinish_over{background:#C4E4FF;font-size:12px;margin:5px;color:#0000cc} .autofinish td{font-size:12px;} </style> <input id="toInput" type="text" style="margin:0;padding:0;width:80%;height:20px!important;height:25px;" autocomplete="off" name="to" onKeyDown="return f_OnKeyDown(this,event)" onKeyUp="f_OnKeyUp(this,event)" onBlur="f_OnBlur();" tabindex="1" onDblClick="alert(this.value)" value="" > <script language="JavaScript"> </script> <label> 双击获取值 </label> <script language="JavaScript">var g_ArrEmailList; var g_MainDiv=null; var g_Body=null; var g_FirstTd=null; var g_CurrentTd=null; var g_InputObject=null; var g_OldInnerTxt=""; var g_NewInnerTxt=""; var g_TdCssClassName="autofinish_over"; var g_TbCssClassName="autofinish"; var g_AddListContainer=null; var g_IgnoreIE=false; g_IgnoreIE=(navigator.userAgent.indexOf('MSIE 5')!=-1||navigator.userAgent.indexOf('Mac')!=-1); function f_OnKeyDown(obj,event){ if(obj!=g_InputObject){ if(g_MainDiv!=null){g_MainDiv.innerHTML="";g_MainDiv=null;}; g_OldInnerTxt="";g_NewInnerTxt="";g_FirstTd=null;g_CurrentTd=null;g_InputObject=obj;}; f_InitMain(); var kc=event.keyCode; switch(kc){ case 13:f_EnterKey();f_SetDivDisplay(false);return false;break; case 27:f_EscapeKey();f_SetDivDisplay(false);return false;break; case 8:f_BackSpaceKey(obj,event);return;break; case 38:f_UpKey();return;break; case 40:f_DownKey();return;break;default:break;};return true;}; function f_OnKeyUp(obj,event){ var kc=event.keyCode; var sTemp="13,27,38,40,9,116,"; kc=kc+""; if(sTemp.indexOf(kc)>-1){return false;}; f_InitDivData(obj,event); if(g_NewInnerTxt==""&&kc!=32){f_SetDivDisplay(false);}else{f_SetDivDisplay(true);};}; function f_OnKeyPress(){return;}; function f_OnChange(){return;}; function f_OnBlur(){if(g_InputObject==null){return;}; var s=g_InputObject.value; var x=s.substr(s.length-1,1); if(x==","||x==";"){g_InputObject.value=s.substr(0,s.length-1);};return;}; function f_OnPasete(){return;}; function f_InitMain(){ if(g_Body==null){g_Body=document.body;}; if(g_MainDiv==null){g_MainDiv=f_CreateDiv();g_Body.appendChild(g_MainDiv);};}; function f_CreateDiv(){ var div=document.createElement("div"); div.id="divEmailAddressMain"; div.style.position="absolute"; div.style.display="";return div;}; function f_SetDivDisplay(bTrue){ if(bTrue){g_AddListContainer.style.display="";}else{g_AddListContainer.style.display="none";};}; function f_GetX(e){var l=e.offsetLeft;while(e=e.offsetParent){l+=e.offsetLeft;};return l;};function f_GetY(e){var t=e.offsetTop;while(e=e.offsetParent){t+=e.offsetTop;};return t;};function f_CreateTable(){var oTable=document.createElement("table");oTable.border=0;oTable.cellSpacing=2;oTable.cellPadding=2;oTable.className=g_TbCssClassName;return oTable;};function f_CreateRow(table){var rowNode=table.insertRow(-1);return rowNode;};function f_CreateColumn(row,i){var colNode=row.insertCell(document.all?-1:0);colNode.id="tdACMA_"+i;colNode.zIndex=i;colNode.align="left";colNode.style.cursor=document.all?"hand":"pointer";colNode.onmouseover=f_TdOnmouseover;colNode.onclick=f_TdOnclick;if(i==0){colNode.className=g_TdCssClassName;g_FirstTd=colNode;g_CurrentTd=colNode;}else{colNode.className="";};return colNode;};function f_TdOnmouseover(e){var o;if(!e){var e=window.event;};if(e.target){o=e.target;};if(e.srcElement){o=e.srcElement;};while(o.tagName!="TD"){o=o.parentNode;};o.className="";if(g_CurrentTd!=null){g_CurrentTd.className="";};g_CurrentTd=o;g_CurrentTd.className=g_TdCssClassName;};function f_TdOnclick(){f_FillCurrentEmail();}; function f_FillCurrentEmail(){ if(g_CurrentTd==null||g_InputObject==null){return;}; if(g_ArrEmailList==null||g_ArrEmailList.length==0){return;}; var i=parseInt(g_CurrentTd.zIndex); var s=g_OldInnerTxt; if(g_OldInnerTxt!=""){s+=",";}; g_InputObject.focus(); g_InputObject.value=s+"\""+g_ArrEmailList[i][0]+"\" "+"<"+g_ArrEmailList[i][1]+">,";f_SetDivDisplay(false);g_CurrentTd=null;}; function f_InitDivData(objInput,event){ var oTb,oTr,oTd; g_ArrEmailList=f_GetArrEmailList(event); if(g_ArrEmailList!=null){ g_MainDiv.innerHTML=""; oTb=f_CreateTable(); g_MainDiv.appendChild(oTb); for(var i=0;i<g_ArrEmailList.length;i++) {oTr=f_CreateRow(oTb); oTd=f_CreateColumn(oTr,i); var sStrongTextName=g_ArrEmailList[i][0]; var sStrongTextAddr=g_ArrEmailList[i][1]; if(g_ArrEmailList[i][0].substring(0,g_NewInnerTxt.length)==g_NewInnerTxt){ sStrongTextName="<b>"+g_NewInnerTxt+"</b>"+g_ArrEmailList[i][0].substring(g_NewInnerTxt.length,g_ArrEmailList[i][0].length);}; if(g_ArrEmailList[i][1].substring(0,g_NewInnerTxt.length)==g_NewInnerTxt){ sStrongTextAddr="<b>"+g_NewInnerTxt+"</b>"+g_ArrEmailList[i][1].substring(g_NewInnerTxt.length,g_ArrEmailList[i][1].length);}; oTd.innerHTML="""+sStrongTextName+"" <"+sStrongTextAddr+">";}; var e=objInput; if(!document.getElementById("dvAddListContainer")){ var tDiv=document.createElement("div"); tDiv.id="dvAddListContainer"; with(tDiv.style){position="absolute";zIndex="99";display="none";width=height="0px";}; if(document.all&&!g_IgnoreIE){tDiv.innerHTML='<iframe id="ifAddList" scrolling="no" marginwidth="0" marginheight="0" frameborder="1" height="100%" width="100%"></iframe>';}; document.body.appendChild(tDiv);}; g_AddListContainer=document.getElementById("dvAddListContainer"); g_AddListContainer.style.left=(f_GetX(e)+1)+"px"; g_AddListContainer.style.top=(f_GetY(e)+24)+"px"; g_AddListContainer.style.display=""; g_AddListContainer.appendChild(g_MainDiv); g_MainDiv.style.left=0;g_MainDiv.style.top=0; if(document.all&&!g_IgnoreIE){ var ifr=document.getElementById("ifAddList"); ifr.style.width=(oTb.offsetWidth+1)+"px"; ifr.style.height=(oTb.offsetHeight+1)+"px";};};}; function f_GetArrEmailList(event){ if(g_InputObject==null){return null;}; var s=g_InputObject.value; var k=s.length; var iLastSign=0; if(s.lastIndexOf(",")>s.lastIndexOf(";")){ iLastSign=s.lastIndexOf(",");}else{iLastSign=s.lastIndexOf(";");}; g_NewInnerTxt=s.substring(iLastSign+1,k); if(event.keyCode==8){ g_NewInnerTxt=s.substring(iLastSign+1,k-1);}; g_NewInnerTxt=f_Trim(g_NewInnerTxt); g_OldInnerTxt=s.substring(0,iLastSign); g_OldInnerTxt=f_Trim(g_OldInnerTxt); var arr=new Array(); var re; var j=0; if(g_NewInnerTxt==""){ if(event.keyCode==32)arr=gArrEmailAddress;} else{ try{re=new RegExp("^"+g_NewInnerTxt,"i"); for(var i=0;i<gArrEmailAddress.length;i++){ if(re.test(gArrEmailAddress[i][0])||re.test(gArrEmailAddress[i][1])){ arr[j]=gArrEmailAddress[i];j++;}; }; } catch(ex){};}; return arr;}; function f_EnterKey(){f_FillCurrentEmail();}; function f_EscapeKey(){return;}; function f_BackSpaceKey(obj,event){f_InitDivData(obj,event);if(g_NewInnerTxt==""){f_SetDivDisplay(false);}else{f_SetDivDisplay(true);};};function f_UpKey(){if(g_CurrentTd==null){return;};var k=g_CurrentTd.zIndex-1;if(k==-1){k+=1;};var oTd=document.getElementById("tdACMA_"+k);g_CurrentTd.className="";g_CurrentTd=oTd;g_CurrentTd.className=g_TdCssClassName;f_SetDivDisplay(true);}; function f_DownKey(){ if(g_CurrentTd==null){return;}; var k=g_CurrentTd.zIndex+1; if(k==g_ArrEmailList.length){k-=1;}; var oTd=document.getElementById("tdACMA_"+k); g_CurrentTd.className=""; g_CurrentTd=oTd;g_CurrentTd.className=g_TdCssClassName; f_Se</pre><p>上一个：<a href="/show/76fb50dbcccd24b5.htm">javascript实现unicode和字符的互相转换</a><br/>下一个：<a href="/show/a2cbca9ac351b987.htm">Javascript 个人笔记（没有整理，很乱）</a></p><div class="piclist">更多图片编程知识:<ul><li><a href="/show/9e6978f1e1c52908.htm"><img src='/upload/2013111604/20121119012208869.png' width=105 height=105><br/>JSP自定义标签的简单介绍</a></li><li><a href="/show/b6b488bbcb5abf24.htm"><img src='/upload/2013111604/2008052123272603.gif' width=105 height=105><br/>轻松使用JSP生成饼图</a></li><li><a href="/show/f0807521a0531501.htm"><img src='/upload/2013111519/20121023095529231.jpg' width=105 height=105><br/>Node.js零起点开发(七)-上传图片并且显示图片</a></li><li><a href="/show/09fcf25e402fd444.htm"><img src='/upload/20121013/qq_logo.gif' width=105 height=105><br/>腾讯QQ网页在线客服，随网页滚动条上下移动的效果一</a></li><li><a href="/show/01e27a64f2f6ed3f.htm"><img src='/upload/2013111604/20130103084611122.png' width=105 height=105><br/>Struts2 自定义标签(JSP视图)实现图形验证功能</a></li><li><a href="/show/ec27e2a987f2e9fa.htm"><img src='/upload/2013111520/20120622041050280.jpg' width=105 height=105><br/>myeclipse新建JSP中DOCTYPE问题</a></li></ul></div></div> <div class="zykmore"><script type="text/javascript" src="/js/s4.js"></script></div><div class="more"><dl><dt>更多<a href="/list/7_1.htm">JS</a>疑问解答：</dt><dd><a target="_blank" href="/show/31f300d314d4c0d3.htm">几个验证11位手机号码格式的js代码</a></dd><dd><a target="_blank" href="/show/7d909e714c0774e2.htm">js如何获得FCKeditor控件的值</a></dd><dd><a target="_blank" href="/show/b4327bdd4ebbebcb.htm">用js限制投票的cookie .目前设置的为：<input type="" class="" onclick="'window.location...</a></dd><dd><a target="_blank" href="/show/cbcc4d7336496819.htm">JS验证，这块“牛皮”反复修改都不能实现</a></dd><dd><a target="_blank" href="/show/cb91bc419542ce9f.htm">在JS中使用DOM模型</a></dd><dd><a target="_blank" href="/show/897f78948b91f031.htm">如何用JS 获取本地文件夹的文件列表</a></dd><dd><a target="_blank" href="/show/58cf22df63d3344a.htm">js中new 了两个Object数组。怎么样将数组内容合并，重复的内容？</a></dd><dd><a target="_blank" href="/show/b1e97b258c9ed0b3.htm">求实现自动生成图片缩略图的JS代码</a></dd><dd><a target="_blank" href="/show/59e5b8e1f4421028.htm">JS脚本网页问题</a></dd><dd><a target="_blank" href="/show/2c3f71b731258761.htm">js，代码中"object"和"Object"区别？</a></dd><dd><a target="_blank" href="/show/b281b7d5eabf3339.htm">js+flash实现网页图片切换效果，出现边框，单击激活此控件。</a></dd><dd><a target="_blank" href="/show/3aa8e41c89689f54.htm">JS怎样操作PHP中的参数</a></dd><dd><a target="_blank" href="/show/b4b8714c029b37a6.htm">js 怎么在一打开页面就加载这个函数。</a></dd><dd><a target="_blank" href="/show/8c57097425b52fc7.htm">Date.parse()的问题(js)</a></dd><dd><a target="_blank" href="/show/012152bfb53fdf04.htm"><script src="/{maxcms:sitepath}js/common.js"></script>是什么意思</a></dd></dl></div> </div> <div id="zykleft"> <div class="leftm"> <div id="logo"><a href="http://www.zzzyk.com/">站长资源库</a> <div class="clear"></div><script type="text/javascript" src="/js/i7f.js"></script></div> <script type="text/javascript" src="/js/sharen.js"></script><div class="clear"></div> <dl class="list"><dd><a href="/list/1_1.htm">asp</a></dd><dd><a href="/list/2_1.htm">php</a></dd><dd><a href="/list/3_1.htm">Delphi</a></dd><dd><a href="/list/4_1.htm">Matlab</a></dd><dd><a href="/list/5_1.htm">JSP</a></dd><dd><a href="/list/6_1.htm">Foxpro</a></dd><dd><a href="/list/7_1.htm">JS</a></dd><dd><a href="/list/8_1.htm">C/C++</a></dd><dd><a href="/list/9_1.htm">C#/ASP.NET</a></dd><dd><a href="/list/10_1.htm">VC++</a></dd><dd><a href="/list/11_1.htm">JAVA</a></dd><dd><a href="/list/12_1.htm">VB</a></dd><dd><a href="/list/13_1.htm">汇编语言</a></dd><dd><a href="/list/20_1.htm">html/css</a></dd><dd><a href="/list/21_1.htm">CGI</a></dd><dd><a href="/list/23_1.htm">XML/UML</a></dd><dd><a href="/list/24_1.htm">wap</a></dd><dd><a href="/list/27_1.htm">网站相关</a></dd><dd><a href="/list/60_1.htm">网页素材</a></dd><dd><a href="/list/70_1.htm">python</a></dd></dl><dl class="notice">如果你遇到<a href="/default.htm">编程学习</a>难题：<br/>请访问www.zzzyk.com 试试</dl> </div> <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s5.js"></script></dt></dl></div> <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s6.js"></script></dt></dl></div> </div></div> <div class="clear"></div> <div class="bdshare"> <script type="text/javascript" src="/js/share.js"></script> </div> <div class="clear"></div> <div class="foot">CopyRight © 2012 站长网 编程知识问答 <a href="http://www.zzzyk.com">www.zzzyk.com</a> All Rights Reserved<br/>部份技术文章来自网络，<script type="text/javascript" src="/images/my.js"></script> </div> </body> </html>