纯js实现仿百度搜索智能提示(pure js implementation of imitation baidu search intelligent tips)

纯js实现仿百度搜索智能提示(pure js implementation of imitation baidu search intelligent tips)

ID:15925606

大小:37.00 KB

页数:15页

时间:2018-08-06

纯js实现仿百度搜索智能提示(pure js implementation of imitation baidu search intelligent tips)_第1页
纯js实现仿百度搜索智能提示(pure js implementation of imitation baidu search intelligent tips)_第2页
纯js实现仿百度搜索智能提示(pure js implementation of imitation baidu search intelligent tips)_第3页
纯js实现仿百度搜索智能提示(pure js implementation of imitation baidu search intelligent tips)_第4页
纯js实现仿百度搜索智能提示(pure js implementation of imitation baidu search intelligent tips)_第5页
资源描述:

《纯js实现仿百度搜索智能提示(pure js implementation of imitation baidu search intelligent tips)》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、纯js实现仿百度搜索智能提示(PureJSimplementationofimitationBaidusearchintelligenttips)仿百度搜索智能提示(纯JS实现)无功arrlist=新array();//要搜索的数据无功objouter,objinput,objinputid=“txtsearch”;//控件IDVaRSelectedIndex=-1,inttmp;//初始化功能smanpromptlist(){this.style=“溢出:隐藏;宽度:393px;高度:汽车;背景:#ffffff;边框1pxsolid#000000;字体大小:1

2、4px;光标:默认;”如果(arrlist.constructor!=数组){警报('smanpromptlist初始化失败:第一个参数非数组!”);返回;}文件编写(“

”);文件编写(“<风格类型=“文本/CSS”>。sman_selectedstyle{背景颜色:#3366cc;颜色:#ffffff}b.length)返回1;如果(a.length==b.length)

3、返回a.localecompare(B);否则返回-1;});objouter=文件。getElementById(“__smandisp”)/显示的div对象objinput=文件。getElementById(objinputid);//文本框对象如果(objinput==null){警报('smanpromptlist初始化失败:没有找到”+objinputid+”文本框”);返回;}objinput.onblur=function(){objouter.style.display='none';}objinput.onkeyup=checkkeycode

4、;objinput.onfocus=checkandshow;}功能getabsoluteheight(OB){返回ob.offsetheight;}功能getabsolutewidth(OB){返回ob.offsetwidth;}功能getabsoluteleft(OB){无功s_el=0,EL=OB;当(EL){s_el=s_el+el.offsetleft;EL=el.offsetparent;};返回s_el;}功能getabsolutetop(OB){无功s_el=0,EL=OB;当(EL){s_el=s_el+el.offsettop;EL=el.o

5、ffsetparent;};返回s_el;}功能outselection(指数){objinput.value=objouter。孩子[索引]。trim()innerText;objouter.style.display='none';}功能divposition(){objouter.style.top=getabsoluteheight(objinput)+getabsolutetop(objinput);objouter.style.left=getabsoluteleft(objinput);objouter.style.width=getabsolut

6、ewidth(objinput);}功能chageselection(ISUP){如果(objouter.style.display=='none'){objouter.style.display=”;}别的{如果(ISUP)SelectedIndex++;其他的SelectedIndex--;}无功maxindex=objouter.children.length-1;如果(SelectedIndex<0){SelectedIndex=0;}如果(SelectedIndex>maxindex){SelectedIndex=maxindex;}如果(Select

7、edIndex==maxindex){SelectedIndex=1;}对于(inttmp=0;inttmp<=maxindex;inttmp++){如果(inttmp==SelectedIndex){objouter.children[inttmp].classname="sman_selectedstyle";objinput.value=objouter.children[selectedindex].innertext.trim().}else{objouter.children[inttmp].classname="";}}}checkkeycode(

8、)()vara=(doc

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签