当前位置: 开发笔记 > 前端 > 正文

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

作者：蔡蔡蔡蔡贝特 | 来源：互联网 | 2022-07-06 18:50

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

<input id="toInput" type="text"  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="" >  <label> 双击获取值 </label> 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";0px";};    if(document.all&&!g_IgnoreIE){tDiv.innerHTML='';};    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.px";    ifr.style.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;};

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

css
html

推荐阅读

css
2023 ARM嵌入式系统全国技术巡讲

2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商，ARM在嵌入式处理器市场占据主导地位，其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家，共同探讨当前嵌入式系统的前沿技术和应用。 ... [详细]

蜡笔小新 2024-12-28 11:58:48
css
程序员妻子吐槽：丈夫北漂8年终薪3万，存款情况令人意外

一位程序员的妻子在网上分享了她丈夫在北京工作八年的经历，月薪仅3万元，存款情况却出乎意料。本文探讨了高学历人才在大城市的职场现状及生活压力。 ... [详细]

蜡笔小新 2024-12-28 11:14:15
css
国内BI工具迎战国际巨头Tableau，稳步崛起

尽管商业智能（BI）工具在中国的普及程度尚不及国际市场，但近年来，随着本土企业的持续创新和市场推广，国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争，国内BI工具通过不断优化产品和技术，赢得了越来越多用户的认可。 ... [详细]

蜡笔小新 2024-12-28 11:12:44
css
深入理解 Oracle 存储函数：计算员工年收入

本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程，并提供完整的代码示例。 ... [详细]

蜡笔小新 2024-12-28 09:49:42
css
2018回顾与2019展望

本文总结了2018年的关键成就，包括职业变动、购车、考取驾照等重要事件，并分享了读书、工作、家庭和朋友方面的感悟。同时，展望2019年，制定了健康、软实力提升和技术学习的具体目标。 ... [详细]

蜡笔小新 2024-12-28 09:10:26
css
四载相伴，与51CTO学院共成长

在计算机技术的学习道路上，51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域，51CTO学院始终是我信赖的学习平台。 ... [详细]

蜡笔小新 2024-12-28 08:20:07
css
信息安全小组第一周工作总结

本周信息安全小组主要进行了CTF竞赛相关技能的学习，包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外，还掌握了Linux命令行操作及互联网工作原理的基本概念。 ... [详细]

蜡笔小新 2024-12-28 05:52:22
css
技术分享：从动态网站提取站点密钥的解决方案

本文探讨了如何从动态网站中提取站点密钥，特别是针对验证码（reCAPTCHA）的处理方法。通过结合Selenium和requests库，提供了详细的代码示例和优化建议。 ... [详细]

蜡笔小新 2024-12-28 04:11:47
css
新浪笔试题

1:有如下一段程序：packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]

蜡笔小新 2024-12-27 19:32:17
css
深入理解CSS盒模型与box-sizing属性

本文详细介绍了W3C标准盒模型和IE传统盒模型的区别，探讨了CSS3中box-sizing属性的使用方法及其在布局中的重要性。通过实例分析，帮助读者更好地理解和应用这一关键概念。 ... [详细]

蜡笔小新 2024-12-27 15:01:09
css
在Linux系统中配置并启动ActiveMQ

本文详细介绍了如何在Linux环境中安装和配置ActiveMQ，包括端口开放及防火墙设置。通过本文，您可以掌握完整的ActiveMQ部署流程，确保其在网络环境中正常运行。 ... [详细]

蜡笔小新 2024-12-27 14:38:54
css
如何在WPS Office for Mac中调整Word文档的文字排列方向

本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤，用户可以轻松更改文本的水平或垂直排列方式，以满足不同的排版需求。 ... [详细]

蜡笔小新 2024-12-27 12:34:14
css
存储器层次结构、随机访问存储器与数据存取机制

理解存储器的层次结构有助于程序员优化程序性能，通过合理安排数据在不同层级的存储位置，提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器（SRAM）和动态随机访问存储器（DRAM）的工作原理及其应用场景，并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]

蜡笔小新 2024-12-27 12:06:47
css
几何画板展示电场线与等势面的交互关系

几何画板是一款功能强大的物理教学软件，具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程，还能通过定量分析揭示物理现象背后的规律，尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ... [详细]

蜡笔小新 2024-12-27 10:46:07
css
使用Windows批处理脚本监控并重启Java应用程序

本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序，确保其持续稳定运行。脚本每30分钟检查一次，并在需要时重启Java程序。同时，它会将任务结果发送到Redis。 ... [详细]

蜡笔小新 2024-12-27 10:44:39

蔡蔡蔡蔡贝特

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章