커서를 다음 텍스트 필드로 이동하는 방법은 무엇입니까?

Question

필자는 work-through에서 enter를 눌러 한 텍스트 필드에서 다른 텍스트 필드로 포커스 이동을 구현하려고했습니다. 나는 다음과 같은 링크에서 가능 해답을 발견 :

How to go to next textbox when enter is pressed?
Move Cursor to next text Field pressing Enter

그러나이 중 어느 것도 나를 위해 작동하지 않습니다. 내 코드 :

는

<script> 
$('input[type='text']').keyup(function(e) { 
    if(e.keyCode == 13) { 
     $(this).next().focus(); 
    } 
}); 
</script> 
<input type='text' /> 
<input type='text' /> 
<input type='text' /> 
<input type='text' /> 
<input type='text' /> 
<input type='text' /> 

Answer 1

그냥 $('input[type="text"]')에 $('input[type='text']')를 업데이트합니다. 너에는 닫히지 않은 끈이 있었다.

근무 코드 here.

Answer 2

$(document).ready(function() { 
 

 
\t $('form').on('submit', function (event) { 
 
\t  event.preventDefault(); 
 
\t }) 
 

 
\t $('input[type="text"]').keyup(function(event) { 
 
\t  if(event.keyCode === 13) { 
 
     \t $(this).next().focus(); 
 
\t  } 
 
\t }); 
 

 
})

<script src="https://code.jquery.com/jquery-3.2.1.slim.js"></script> 
 
<form> 
 
    \t <input type="text"/> 
 
    \t <input type="text"/> 
 
    \t <input type="text"/> 
 
    \t <input type="text"/> 
 
    \t <input type="text"/> 
 
</form>

Answer 3

여기에 무슨 일이 일어나고 있는지 : 당신이 할 수있는 일

<!-- Start loading the page --> 
<script> 
// execute javascript. Note that there 
// are no inputs on the page currently - they will be loaded later 

// This selector matches nothing: 
$("input[type='text']").keyup(function(e) { 
    if(e.keyCode == 13) { 
     $(this).next().focus(); 
    } 
}); 
</script> 
<!-- JavaScript executed. Now add inputs to the page --> 
<input type='text' /> 
<input type='text' /> 

는 온로드 기능에 keyup 청취자를 입력 아래 <script>을 (쉬운) 이동하거나 이동 중입니다 :

$(function(){ 
// i.e. wrap your js here 

// the js here will be executed only after page has loaded 
});