使用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/