jQuery를 사용하여 탭 동작

Question

내 양식에 일부 텍스트 상자가 있습니다. 나는 그들의 id 값을 모른다. Enter 키를 눌러 커서 위치를 기존 필드에서 다음 필드로 변경하고 싶습니다.
처음 커서가 다른 위치에있을 수 있으므로주의하십시오.

제안 사항은 무엇입니까?

Answer 1

마크 업을 제공하지 않아 구조에 대해 가정 할 수 없습니다 (예 : 형제 요소 인 경우 .next() 사용). 그래서, 당신은 input 텍스트를 가정하여, 마지막 입력에 Enter 키를 누르면 첫 번째 입력 (루프)에 초점을 맞 춥니 다

$(document).ready(function() { 

    var inputs = $('input[type="text"]'); 
    var len = inputs.length; 

    inputs.on('keyup', function(evt) { 
     if (evt.keyCode === 13) { 
      var currentInput = inputs.index($(this)); 
      inputs.eq((currentInput < len - 1) 
        ? currentInput + 1 
        : 0).focus(); 

      evt.preventDefault(); 
     } 
    }); 
}); 

(1.7+ 대한 jQuery)이 예를보십시오. 사례보기 : http://jsfiddle.net/8ruDV/