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

极品源码：自动完成仿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
LoadRunner中的IP欺骗配置与实践

为了确保服务器能够有效地区分不同的用户请求，避免多人使用同一IP地址造成的访问限制，可以通过配置IP欺骗来解决这一问题。本文将详细介绍IP欺骗的工作原理及其在LoadRunner中的具体配置步骤。 ... [详细]

蜡笔小新 2024-11-24 16:44:27
css
Java中==与equals方法的深入理解

本文探讨了Java编程语言中常用的两个比较操作符==和equals方法的区别及其应用场景。通过具体示例分析，帮助开发者更好地理解和使用这两个概念，特别是在处理基本数据类型和引用数据类型的比较时。 ... [详细]

蜡笔小新 2024-11-24 16:39:50
ajax
深入理解PHP中的超全局变量与AJAX技术

本文详细介绍了PHP中的几种超全局变量，包括$GLOBAL、$_SERVER、$_POST、$_GET等，并探讨了AJAX的工作原理及其优缺点。通过具体示例，帮助读者更好地理解和应用这些技术。 ... [详细]

蜡笔小新 2024-11-24 16:35:09
css
GNU/Linux系统中动态库搜索路径的指定与管理

本文概述了在GNU/Linux系统中，动态库在链接和运行阶段的搜索路径及其指定方法，包括通过编译时参数、环境变量及系统配置文件等方式来控制动态库的查找路径。 ... [详细]

蜡笔小新 2024-11-24 15:56:16
css
SPFA算法详解与应用

当图中包含负权边时，传统的最短路径算法如Dijkstra不再适用，而Bellman-Ford算法虽然能解决问题，但其时间复杂度过高。SPFA算法作为一种改进的Bellman-Ford算法，能够在多数情况下提供更高效的解决方案。本文将详细介绍SPFA算法的原理、实现步骤及其应用场景。 ... [详细]

蜡笔小新 2024-11-24 12:40:02
css
深入解析HashMap与HashTable的区别

本文详细对比了HashMap和HashTable在多线程环境下的安全性、对null值的支持、性能表现以及方法同步等方面的特点，帮助开发者根据具体需求选择合适的数据结构。 ... [详细]

蜡笔小新 2024-11-24 12:24:40
icons
为何引入jQuery UI自动完成功能后，我的列表框也受到影响？

我在尝试将组合框转换为具有自动完成功能时遇到了一个问题，即页面上的列表框也被转换成了自动完成下拉框，而不是保持原有的多选列表框形式。 ... [详细]

蜡笔小新 2024-11-24 12:02:48
css
神策数据分析基础

本文介绍了基于用户行为的数据分析方法，包括业务问题的提出与定义、具体行为的识别及统计分析流程。同时，详细阐述了如何利用事件模型（Event Model）来描述用户行为，以及在实际应用中的案例分析。 ... [详细]

蜡笔小新 2024-11-24 11:18:50
css
Docker基础入门与环境配置指南

本文介绍了Docker——一款用Go语言编写的开源应用程序容器引擎。通过Docker，用户能够将应用及其依赖打包进容器内，实现高效、轻量级的虚拟化。容器之间采用沙箱机制，确保彼此隔离且资源消耗低。 ... [详细]

蜡笔小新 2024-11-24 09:54:53
css
selenium通过JS语法操作页面元素

做过web测试的小伙伴们都知道，web元素现在很多是JS写的，那么既然是JS写的，可以通过JS语言去操作页面，来帮助我们操作一些selenium不能覆盖的功能。问题来了我们能否通过 ... [详细]

蜡笔小新 2024-11-24 03:05:20
css
41款高效LISP工具助力数据处理全流程

本文由公众号【数智物语】(ID: decision_engine)发布，关注获取更多干货。文章探讨了从数据收集到清洗、建模及可视化的全过程，介绍了41款实用工具，旨在帮助数据科学家和分析师提升工作效率。 ... [详细]

蜡笔小新 2024-11-24 00:11:50
view
Vue CLI 3 项目中使用 Pre-render SPA Plugin 进行预渲染

页面预渲染适用于主要包含静态内容的页面。对于依赖大量API调用的动态页面，建议采用SSR（服务器端渲染），如Nuxt等框架。更多优化策略可参见：https://github.com/HaoChuan9421/vue-cli3-optimization ... [详细]

蜡笔小新 2024-11-23 22:19:17
css
AOJ1024 清洁机器人2.0

本文介绍了一个来自AIZU ONLINE JUDGE平台的问题，即清洁机器人2.0。该问题来源于某次编程竞赛，涉及复杂的算法逻辑与实现技巧。 ... [详细]

蜡笔小新 2024-11-23 17:16:33
build
egg实现登录鉴权（七）：权限管理

权限管理包含三部分：访问页面的权限，操作功能的权限和获取数据权限。页面权限：登录用户所属角色的可访问页面的权限功能权限：登录用户所属角色的可访问页面的操作权限数据权限：登录用户所属 ... [详细]

蜡笔小新 2024-11-23 16:30:15
view
iOS开发中的UIView及其子类应用

本文介绍了用户界面（User Interface, UI）的基本概念，以及在iOS应用程序中UIView及其子类的重要性和使用方式。文章详细探讨了UIView如何作为用户交互的核心组件，以及它与其他UI控件和业务逻辑的关系。 ... [详细]

蜡笔小新 2024-11-23 16:25:09

蔡蔡蔡蔡贝特

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

Tags | 热门标签

RankList | 热门文章