极品源码：自动完成仿163篇

更新时间：2007年07月10日 00:00:00 作者：

<!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="&quot;"+sStrongTextName+"&quot; <"+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_SetDivDisplay(true);};   function f_Trim(str){str=str.replace(/(^\s*)|(\s*$)/g,"");return str;};    </script>   </BODY> </HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

JS中判断JSON数据是否存在某字段的方法
这篇文章主要介绍了JS中如何判断JSON数据是否存在某字段,需要的朋友可以参考下
2014-03-03
JavaScript模块化开发之SeaJS
SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制,本文给大家介绍JavaScript模块化开发之SeaJS，需要的朋友参考下
2015-12-12
JavaScript 学习 - 提高篇
JavaScript 学习 - 提高篇...
2007-02-02
JavaScript数据结构之二叉树的计数算法示例
这篇文章主要介绍了JavaScript数据结构之二叉树的计数算法,结合具体实例形式分析了javascript二叉树记录更新次数的原理与操作技巧,需要的朋友可以参考下
2017-04-04
一篇文章弄懂javascript中的执行栈与执行上下文
这篇文章主要给大家介绍了关于javascript中执行栈与执行上下文的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-08-08
uni-app使用uploadFile上传多张图片的具体实现
在微信小程序中不支持多张图片上传,需要做循环实现多张图片上传,下面这篇文章主要给大家介绍了关于uni-app使用uploadFile上传多张图片的具体实现,需要的朋友可以参考下
2023-04-04
JavaScript使用Promise封装Axios进行高效开发
这篇文章主要介绍了JavaScript使用Promise封装Axios进行高效开发，Axios是一个基于Promise的HTTP库，它可以帮助我们更方便地发起HTTP请求，并且提供了许多高级功能，感兴趣的同学可以参考下文
2023-05-05
JavaScript判断数组是否存在key的简单实例
下面小编就为大家带来一篇JavaScript判断数组是否存在key的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
微信小程序实现监听页面滚动
这篇文章主要为大家详细介绍了微信小程序实现监听页面滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-06-06
浅谈setTimeout 与 setInterval
实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的
2015-06-06