使用JavaScript來自動移動光標到下一個表單字段

Question

是否有可能使用Javascipt當現場的maxlength已達到自動地從一個領域向用戶發送到下一個？

如果是這樣，怎麼樣？

Answer 1

是有可能。假設您的文本框的最大長度是5.您需要創建onkeyup事件函數並計算文本框值的長度。在這個函數中，如果長度等於或超過5，那麼你需要編寫第二個文本框焦點函數調用。

Answer 2

是的。你將需要：

• 監控onkeydown事件，防止「爆棚」的人物，
• 查找下一個輸入字段在表單 - 根據你自己的邏輯/結構 - 當這種情況發生時，
• 使用focus方法將焦點放在下一個字段上。

Answer 3

是的，你需要計算由onkeyup事件在現場插入性格特徵的數量，如果數量等於MAXLENGTH然後設置focus下一個字段

Answer 4

你可以使用這樣的代碼使用jquery。在此代碼時，文字越大則20個字符

<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事件的輸入，知道你在開始測量，它移動到#second領域。然後您需要使用onkeyup事件檢查輸入字符的長度。達到限制後，您可以在要將光標移動到的下一個DOM元素上調用focus()。您還需要使用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>