在Javascript中,如何在当前文本框已满时自动将光标移动到下一个文本框？

Question

假设我的网页上有两个HTML文本框:

<input type='text' id='txt1' maxlength='5' />
<input type='text' id='txt2' maxlength='5' />

每个文本框允许用户输入最多五个字符.如何在有或没有jQuery的情况下使用Javascript自动将光标移动txt1到txt2用户键入五个字符时txt1？

Answer 1

基本实现如下:

 $('#txt1').keyup(function() {
     if(this.value.length == $(this).attr('maxlength')) {
         $('#txt2').focus();
     }
 });

但是你可能会或可能不会关心它的一些可用性微妙之处.如果您发现上述内容不足,那么有很多jQuery插件可以帮到您.