ajax 自动完成下拉框自动提示位置问题

网络编程 2021-07-05 10:36www.168986.cn编程入门

代码如下:

            function divPosition(){ 
                var clx,cly; 
                clx=event.clientX; 
                cly = event.clientY; 
                objouter.style.    = clx+10; 
                objouter.style.left    = cly+20;  
                objouter.style.width= getAbsoluteWidth(objInput) 
            } 

问题出在 
                objouter.style.    = clx+10; 
                objouter.style.left    = cly+20;  
                objouter.style.width= getAbsoluteWidth(objInput); 
如果改成getAbsoluteTop(objInput); 
getAbsoluteLeft(objInput); 
在表格里的文本框输入东东就死IE了 
但我不知道怎么改 

层的位置不对 <script language="javascript"> var intIndex=0;arrList = new Array(); function dearray(aa)//定义array {     //document.write(aa);     arrList = aa.split(',');     intIndex = arrList.length； } function test() {     init();     dearray("asp,csdn,aaaa,bbbbc,afd,werwe,adfs,ertr,qwq,qwqwq,trt,uyus,dsfs,uere,add,234,2,1dr4,ae4564,adf4645,afa3543,sdfse5,ae345345,sdf4564,34346536");     smanPromptList(arrList,"aspx");     dearray("1sdfsdf.,a11sdafs.,b22dsafsdf,c333asdfsadf,4444dsafasdf,dddsfddsafdsaf,121213dsafsdaf,43213asdfadsf,dsa3121dasf3,a213,323313,3213,32213,dsfsdddd,ds11dfsfd,ffdafd,afdfd,afd,baffad,2fda2fd,dasd");     smanPromptList(arrList,"aspx2");     smanPromptList(arrList,"inputer") } function init() { if (arrList.constructor!=Array){alert('smanPromptList初始化失败:第一个参数非数组!');return ;}     arrList.sort( function(a, b) {     if(a.length>b.length)return 1;     else if(a.length==b.length)return a.localeCompare(b);     else return -1;         }     );  } function smanPromptList(arrList,objInputId){         var objouter=document.getElementById("__smanDisp") //显示的DIV对象         var objInput = document.getElementById(objInputId); //文本框对象         var selectedIndex=-1;         var intTmp; //循环用的:)         if (objInput==null) {alert('smanPromptList初始化失败:没有找到"'+objInputId+'"文本框');return ;}             //文本框失去焦点             objInput.onblur=function(){                 objouter.style.display='none';             }             //文本框按键抬起             objInput.onkeyup=checkKeyCode;             //文本框得到焦点             objInput.onfocus=checkAndShow;             function checkKeyCode(){                 var ie = (document.all)? true:false                 if (ie){                     var keyCode=event.keyCode                     if (keyCode==40||keyCode==38){ //下上                         var isUp=false                         if(keyCode==40) isUp=true ;                         chageSelection(isUp)                     }else if (keyCode==13){//回车                         outSelection(selectedIndex);                     }else{                         checkAndShow()                     }                 }else{                     checkAndShow()                 }                 divPosition()             }             function checkAndShow(){                         var strInput = objInput.value                         if (strInput!=""){                             divPosition();                             selectedIndex=-1;                             objouter.innerHTML ="";                             for (intTmp=0;intTmp]</div> </div>
        <script>cambrian.render('body')</script>
        <div class="imoney"> 
         </div>
        <div class="nextlog"> 上一篇：<a href='/biancheng/181013.html'>完美ajax类　支持事件</a> 
          下一篇：<a href='/biancheng/181015.html'>纯AJAX分页，V0.2版 下载+演示</a>  </div>
        <div class="link-box">
          <h3>编程语言</h3>
          <ul class="ullist4">
            <li><i class="fa fa-caret-right"></i><a href="/biancheng/483398.html" title="机械手焊接机器人编程 机械手焊接设备编程">机械手焊接机器人编程 机械手焊接设备编程</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483397.html" title="vb数据库编程实例，vb做数据库">vb数据库编程实例，vb做数据库</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483396.html" title="tiobe世界编程语言排行榜，全球编程语言排行">tiobe世界编程语言排行榜，全球编程语言排行</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483378.html" title="成都java编程培训 成都it编程培训中心">成都java编程培训 成都it编程培训中心</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483377.html" title="编程基础培训，编程基础知识培训">编程基础培训，编程基础知识培训</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483376.html" title="flash游戏编程基础教程，flash游戏开发教程">flash游戏编程基础教程，flash游戏开发教程</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483367.html" title="不会英语能学编程吗 不会英语可以学程序员吗">不会英语能学编程吗 不会英语可以学程序员吗</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483366.html" title="爱心代码编程C语言 爱心代码编程c语言公式">爱心代码编程C语言 爱心代码编程c语言公式</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483365.html" title="c语言编程学习入门 c语言编程快速入门">c语言编程学习入门 c语言编程快速入门</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483341.html" title="西门子plc编程培训 西门子plc编程培训班">西门子plc编程培训 西门子plc编程培训班</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483340.html" title="哪里可以学编程 台州哪里可以学编程">哪里可以学编程 台州哪里可以学编程</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483339.html" title="少儿编程哪个好 少儿编程哪个品牌好">少儿编程哪个好 少儿编程哪个品牌好</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483324.html" title="编程是什么意思，图形编程是什么意思">编程是什么意思，图形编程是什么意思</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483323.html" title="c语言编程软件下载，c语言编程软件在哪下载">c语言编程软件下载，c语言编程软件在哪下载</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483307.html" title="java编程软件下载，java编程下载手机版">java编程软件下载，java编程下载手机版</a></li>
<li><i class="fa fa-caret-right"></i><a href="/biancheng/483306.html" title="ug编程培训学校，ug编程培训教程">ug编程培训学校，ug编程培训教程</a></li>

</ul>
        </div>
        <div id="pagenavi"> </div>       
      </div>
    </div>
    <ul id="sidebar">
  <li class="diyarea"> 
    <script src='/plus/ad_js.php?aid=3' language='javascript'></script> </li>
  <li class="rlist1">
    <h3><span>狼蚁网络搜索</span></h3>
    <div id="logsearch">
      <form name="keyform" method="get" action="/plus/search.php">
        <input type="hidden" name="pagesize" value="20">
        <input name="q" class="search" type="text" />
        <i class="fa fa-search" onclick="$('form').submit()"></i>
      </form>
    </div>
  </li>
  <li id="blogsort">
    <h3 class="mcolor"><i class="fa fa-folder-open-o"></i><span>狼蚁网络导航</span></h3>
  </li>
  <li class="rlist1">
    <h3><span>长沙seo优化</span></h3>
    <ul id="newlog">
      <li><a href="/biancheng/483398.html">机械手焊接机器人编程 机械手焊接设备编程</a></li>
<li><a href="/biancheng/483397.html">vb数据库编程实例，vb做数据库</a></li>
<li><a href="/biancheng/483396.html">tiobe世界编程语言排行榜，全球编程语言排行</a></li>
<li><a href="/biancheng/483378.html">成都java编程培训 成都it编程培训中心</a></li>
<li><a href="/biancheng/483377.html">编程基础培训，编程基础知识培训</a></li>

</ul>
  </li>
  <li class="rlist1">
    <h3><span>长沙网络营销</span></h3>
    <ul id="hotlog">
      <li><i class='mcolor' >1</i><a href="/biancheng/248521.html">少儿编程十大骗局</a></li>
<li><i class='mcolor' >2</i><a href="/biancheng/248522.html">正规少儿编程收费排名</a></li>
<li><i class='mcolor' >3</i><a href="/biancheng/480173.html">世界编程语言排行榜</a></li>
<li><i  >4</i><a href="/biancheng/481962.html">linux系统编程：Linux系统编程多线程基础</a></li>
<li><i  >5</i><a href="/biancheng/481960.html">学编程学哪一种比较好 初学者哪种编程语言比较</a></li>

</ul>
  </li>
  <li class="rlist1">
    <h3><span>长沙网站建设</span></h3>
    <ul id="randlog">
          <div id='tag9c083bf808dccba53f14c159e5974b4e'>
<li><a href="/biancheng/173207.html">php三元运算符知识汇总</a></li>
<li><a href="/biancheng/173039.html">php实现用已经过去多长时间的方式显示时间</a></li>
<li><a href="/biancheng/164627.html">解决ASP.NET Core Mvc文件上传限制问题实例</a></li>
<li><a href="/biancheng/191527.html">MySQL优化方案参考</a></li>
<li><a href="/biancheng/156114.html">jQuery AjaxUpload 上传图片代码</a></li>
    </div>

</ul>
  </li>
</ul>

</div>
</div>
<div id="footerbar">
<div class="wrap">
  <p>Copyright © 2016-2025  www.168986.cn  <a href="http://www.168986.cn/" target="_blank">狼蚁网络</a> 版权所有 Power by  </p>
</div>
<div id="backtop"><span class="fa fa-space-shuttle fa-rotate-270"></span></div>
</body>
</html>

ajax 自动完成下拉框 自动提示位置问题

ajax 自动完成下拉框自动提示位置问题