模仿IE自动完成功能_javascript技巧

php中文网

发布： 2016-05-16 19:25:12

原创

1050人浏览过

<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style> 
body,div { 
    font-family:verdana; 
    line-height:100%; 
    font-size:9pt; 
} 
input { 
    width:300px; 
} 
h1 { 
    text-align:center; 
    font-size:2.2em; 
} 
#divf { 
    margin:10px; 
    font-size:0.8em; 
    text-align:center; 
} 
#divc { 
    border:1px solid #333333; 
} 
.des { 
    width:500px; 
    background-color:lightyellow; 
    border:1px solid #333; 
    padding:20px; 
    margin-top:20px; 
} 
.mouseover { 
    color:#ffffff; 
    background-color:highlight; 
    width:100%; 
    cursor:default; 
} 
.mouseout { 
    color:#000000; 
    width:100%; 
    background-color:#ffffff; 
    cursor:default; 
} 
</style>
<script language="JavaScript"> 
<!--

// script by blueDestiny 
// email : blueDestiny [at] 126 . com

// Object: jsAuto 
// browser: ie, mf. 
// example:

// step1 :  
// create autocomplete container, return object and bind event to the object, and  
///create a new jsAuto instance: 
// <div id="divautocomplete"></script>

// var autocomplete = new jsAuto("autocomplete","divautocomplete") // handle event: // autocomplete.handleEvent(value, returnObjectID) // // step2 : // add autocompete item: // autocomplete.item(string) // string must be a string var, you can split the string by "," // autocomplete.item("blueDestiny,never-online,csdn,blueidea") // http://www.never-online.com function jsAuto(instanceName,objID) { this._msg = []; this._x = null; this._o = document.getElementById( objID ); if (!this._o) return; this._f = null; this._i = instanceName; this._r = null; this._c = 0; this._s = false; this._v = null; this._o.style.visibility = "hidden"; this._o.style.position = "absolute"; this._o.style.zIndex = "9999"; return this; }; jsAuto.prototype.directionKey=function() { with (this) { var e = _e.keyCode ? _e.keyCode : _e.which; var l = _o.childNodes.length; (_c>l-1 || _c= l-1) ? _c=0 : _c ++; _o.childNodes[_c].className="mouseover"; } if( e==38 && _s ) { _o.childNodes[_c].className="mouseout"; _c--0 ) { var arrMsg=msg.split(","); for(var i=0; i$1"); div.style.fontFamily = "verdana"; _o.appendChild(div); }}; jsAuto.prototype.display=function() { with(this) { if(_f&&_v!="") { _o.style.left = _r.offsetLeft; _o.style.width = _r.offsetWidth; _o.style.top = _r.offsetTop + _r.offsetHeight; _o.style.visibility = "visible"; } else { _o.style.visibility="hidden"; } }}; jsAuto.prototype.handleEvent=function(fValue,fID,event) { with (this) { var re; _e = event; var e = _e.keyCode ? _e.keyCode : _e.which; _x = []; _f = false; _r = document.getElementById( fID ); _v = fValue; _i = eval(_i); re = new RegExp("^" + fValue + "", "i"); _o.innerHTML=""; for(var i=0; i<_msg.length i if _i.append _f="true;" _i _i.display : alert not get instance e="=40" _i.directionkey else _c="0;" _o.childnodes _s="true;" window.onerror="new" function true>