javascript - 使用 Javascript 将光标自动移动到下一个表单字段

Question

是否可以在到达Javascipt字段时自动将用户从一个字段发送到下一个字段maxlength？

如果是这样，怎么做？

Answer 1

是的。您需要：

• 监视onkeydown事件以防止字符“溢出”，
• 根据您自己的逻辑/结构查找表单中的下一个输入字段 - 发生这种情况时，
• 使用该focus方法将焦点设置在下一个字段上。

Answer 2

是的，有可能。假设您的文本框最大长度为 5。您需要创建一个函数 onkeyup 事件并计算文本框值的长度。在此函数中，如果长度等于或超过 5，那么您需要编写第二个文本框焦点函数调用。

Answer 3

是的，您需要按onkeyup事件计算在字段中插入的字符数，如果数字等于 maxlength，则将focus下一个字段设置为

Answer 4

您可以使用 jquery 使用这样的代码。在此代码中，当文本大于 20 个字符时，它将移动到 #second 字段

<input id="first"/>
<input id="second"/>
<script>
$(function() {
   $('#first').keypress(function() {
      var self = $(this);
      //wait until character is inserted
      setTimeout(function() {
         if (self.val().length > 20) {
            $('#second').focus();
         }
      }, 1);
   });
});
</script>

Answer 5

$('#productkey1').keyup(function() {
     if(this.value.length >= $(this).attr('maxlength'))
     {
         $('#productkey2').next().focus();
     }
 });

Answer 6

首先，您需要连接到onfocus事件以使输入知道您正在开始测量。然后你需要用onkeyup事件检查输入字符的长度。达到限制后，您可以调用focus()要将光标移动到的下一个 DOM 元素。您还需要使用该onblur事件来了解您已停止测量输入的长度。

例如，使用 jQuery；

<input id="inputA" type="text"/>
<input id="inputB" type="text"/>

<script>

var $input;

$('#inputA').focus(function() {
    $input = $(this);
});

$(window).keyup(function() {
    if($input && $input.val().length == 5) {
        $('#inputB').focus();
    }
});

$('#inputA').blur(function() {
    $input = null;
});

</script>