首页 > 编程语言 > 详细

javascript 依次输入自动定焦框

时间:2014-12-23 00:12:37      阅读:249      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!