分享

文本框不定!位置不定!每次按下回车键,就寻找下一个最近的文本框!

 点耐特 2012-07-26
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
 
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<form>
   
<input type="text" value="1" /><br/> <input type="button" value="我是按钮" /><br/>
   
<input type="text" value="2" /><br/>
   
<input type="text" value="3" /><br/>
   
<input type="text" value="4" /><br/>
   
<input type="text" value="5" /><br/>
   
<input type="text" value="6" /><br/>
   
<input type="text" value="7" /><br/>
   
<input type="text" value="8" /><br/>
 
</form>
</BODY>
<script>
   
var t=document.getElementsByTagName("input");
   
for(var i=0;i<t.length;i++)
    {
       
if(t[i].type=="text")
        {
            t[i].onkeypress
=function(){return  handleEnter(this ,event);};
        }
    }

   
function handleEnter(field, event)
    {
       
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
       
if (keyCode == 13) {
           
//寻找该文本框的下一个文本框
            var tempObj = field.nextSibling;
           
           
while (tempObj.type != "text") {
               
//alert(tempObj.outerHTML);
                if(tempObj.nextSibling!=null)
                {
                    tempObj
= tempObj.nextSibling;
                }
               
else
                {
                   
break;
                }
            }
            tempObj.focus();
           
//alert(tempObj.outerHTML);
        }
       
else
       
return true;
    }     
</script>
</HTML>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约