js 光标从一个框输入完之后自动跳到另一个框

最新推荐文章于 2023-04-25 09:33:42 发布

@呵呵

最新推荐文章于 2023-04-25 09:33:42 发布

阅读量985

点赞数

文章标签： js

本文链接：https://blog.csdn.net/weixin_41639609/article/details/123982938

版权

只靠id完成（死方法），多个框要写多遍

<html>  
  <head>  
    <title>js24.html</title>  
      
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
    <meta http-equiv="description" content="this is my page">  
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
      
 
      
    <!-- 输入完毕之后光标自动移动到下一个框的方法 -->  
      
 
  </head>  
    
  <body onload = "document.forms[0].elements[0].focus();">  
    <form>  
        <input type = "text" size = 3 maxlength=1 id="field001">     
        <input type = "text" size = 3 maxlength=1 id="field002">
        <input type = "text" size = 3 maxlength=1 id="field003"> 
        <input type = "text" size = 3 maxlength=1 id="field004">
    </form>   
  </body>  
  
<script type="text/javascript">  
      
        
    function moveNextId(){
        if(input_001.value.length == 1){
        debugger;
            document.getElementById('field002').focus();
        }
    }
    var input_001 = document.getElementById('field001');
    alert(input_001);
    
     input_001.addEventListener("keyup",moveNextId,false);
 
 
    </script>  
      
  
</html>

@呵呵

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js 光标从一个框输入完之后自动跳到另一个框

只靠id完成（死方法），多个框要写多遍<html>    <head>      <title>js24.html</title>            <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    &nb
复制链接

扫一扫