jQuery实现在一个输入框按回车键后光标跳到下一个输入框

<!DOCTYPE html>  
<html>   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=gbk">   
<script type="text/javascript">   
    //jQuery实现在一个输入框按回车键后光标跳到下一个输入框  
    function focusNextInput(thisInput)  
    {   
        var inputs = document.getElementsByTagName("input");   
        for(var i = 0;i<inputs.length;i++){   
            // 如果是最后一个,则焦点回到第一个(如果想实现按顺序可以登陆,可以写入登陆方法)   
            if(i==(inputs.length-1)){   
                inputs[0].focus(); break;   
            }else if(thisInput == inputs[i]){   
                inputs[i+1].focus(); break;   
            }   
        }   
    }   
</script>   
</head>  
<body>   
<table>   
姓名:<input type="text" onkeypress="if(event.keyCode==13) focusNextInput(this);">   
年龄:<input type="text" onkeypress="if(event.keyCode==13) focusNextInput(this);">   
工号:<input type="text" onkeypress="if(event.keyCode==13) focusNextInput(this);">   
</table>  
</body>  
</html> 

猜你喜欢

转载自blog.csdn.net/NaNa309706/article/details/79151481
今日推荐