使用jQuery的選項卡行爲

Question

我的窗體中有一些文本框。我不知道他們的id值。我想通過按Enter鍵將光標位置從現有位置改變到下一個位置。
請注意，光標可能在第一次處於不同的位置。

你的建議是什麼？

Answer 1

您沒有提供您的標記，因此我無法對您的結構做出假設（例如，如果它們是兄弟元素，則使用.next()）。所以，假如你有input文字，嘗試這個例子（jQuery的1.7+）

$(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(); 
     } 
    }); 
}); 

當按下最後一個輸入輸入，第一輸入將集中（在一個循環中）。 查看jsfiddle示例：http://jsfiddle.net/8ruDV/