文本框不定！位置不定！每次按下回車鍵，就尋找下一個最近的文本框！

點耐特 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>