自动切换输入的焦点

最新推荐文章于 2023-06-13 10:50:31 发布

奔跑的前端er

最新推荐文章于 2023-06-13 10:50:31 发布

阅读量330

点赞数

分类专栏：面试准备

本文链接：https://blog.youkuaiyun.com/caoxinhui521/article/details/78007103

版权

面试准备专栏收录该内容

16 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>throttle</title>
    <style>

    </style>
</head>
<body>
<div id="myDiv">
    Right click or ctrl+click
</div>
<form id="form">
    <input type="text" name="tel1" id="txtTel1" maxlength="3">
    <input type="text" name="tel2" id="txtTel2" maxlength="3">
    <input type="text" name="tel3" id="txtTel3" maxlength="4">
</form>
<script>
   var textbox1=document.getElementById("txtTel1");
   var textbox2=document.getElementById("txtTel2");
   var textbox3=document.getElementById("txtTel3");
   textbox1.addEventListener("keyup",handler);
   textbox2.addEventListener("keyup",handler);
   textbox3.addEventListener("keyup",handler);
   function handler(event) {
       event=event||window.event;
       target=event.target||event.srcElement;
       if(target.value.length==target.maxlength){
           for(var i=0,len=document.forms[0].elements.length;i<len;i++){
               if(document.forms[0].elements[i]==target){
                   if(document.forms[0].elements[i+1]){
                       document.forms[0].elements[i+1].focus();
                   }
                   return;
               }
           }
       }
   }
</script>
</body>
</html>