模仿IE自动完成功能

425 阅读 0 评论 281 点赞

我是靠谱客的博主明理季节，这篇文章主要介绍模仿IE自动完成功能，现在分享给大家，希望可以做个参考。

<!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=""> 
<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> 
 
</HEAD>

<BODY> 
<div id="divc"> 
     
</div> 
<h1>Autocomplete Function</h1> 
<div align="center"> 
<input onkeyup="jsAutoInstance.handleEvent(this.value,'auto',event)" id="auto"> 
</div> 
<div id="divf"> 
    Power By Miracle, never-online 
</div>

</BODY> 
</HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]