码迷,mamicode.com
首页 > 编程语言 > 详细

javascript 依次输入自动定焦框

时间:2014-12-23 00:15:41      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:

<html> 
<head> 
<script type="text/javascript"> 
    function moveNext(object,index){ 
        if(object.value.length==4){ 
            document.forms[0].elements[index+1].focus(); 
        } 
    } 
    
    function showResult(){ 
        var f=document.forms[0]; 
        var result=""; 
        for(var i=0;i<4;i++){ 
            result+=f.elements[i].value; 
        } 
        alert(result); 
    }

</script>

</head> 
<body onload="document.forms[0].elements[0].focus();"> 
    <form> 
        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,0);"> 
        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,1);"> 
        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,2);"> 
        <input type="text" size="3" maxlength="4" onkeyup="moveNext(this,3);"> 
    
        <input type="button" value="显示" onclick="showResult();"> 
    </form> 
</body> 
</html>

技术分享

技术分享

技术分享

技术分享

javascript 依次输入自动定焦框

标签:

原文地址:http://www.cnblogs.com/qq-757617012/p/4179191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!