Home > Developer > JavaScript
<! 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: #000 0cc ;}. 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> double-click to obtain the value </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. B Ody ;}; if (g_MainDiv = null) {g_MainDiv = f_CreateDiv (); g_Body.appendChild (g_MainDiv) ;};}; function f_CreateDiv () {var p = document. createElement ("p"); p. id = "pEmailAddressMain"; p. style. position = "absolute"; p. style. display = ""; return p;}; function f_SetDivDisplay (bTrue) {if (bTrue) {g_AddListContainer.style.display = "";} else {g_AddListContainer.style.display = "none ";};}; function f_GetX (e) {var l = e. offsetLeft; w Hile (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;}; functi On 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 e0000000000000000event00000000if(e.target000000000000o0000e.tar get ;}; 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 = Break ;}; 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]. substr Ing (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 ("p"); tDiv. id = "dvAddListContainer"; with (tDiv. style) {position = "absolute"; zIndex = "99"; display = "none"; width = height = "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. 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_NewI NnerTxt = 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 <gArrEmailAddres S. 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_Current Td = 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 ;}; <! -- Var addr_data = []; var ind = 7; addr_data [0] = ["Little Red Hat 1", "demo3@163.com"]; addr_data [1] = ["Little Red Hat 2 ", "demo3@163.com"]; addr_data [2] = ["Little Red Hat 3", "demo3@163.com"]; addr_data [3] = ["", ""]; addr_data [4] = ["aa Red Hat 3", "abc@163.com"]; addr_data [5] = ["aa Red Hat 3", "bdc@163.com"]; addr_data [6] = ["bb small a cap 3", "efa@163.com"]; function initAddrData () {for (var I = 0; I script </BODY> </HTML>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
