使用jQuery的选项卡行为
我的表格中有一些文本框。我不知道他们的使用jQuery的选项卡行为,jquery,navigation,cursor,Jquery,Navigation,Cursor,我的表格中有一些文本框。我不知道他们的id值。我想通过按Enter键将光标位置从现有字段更改为下一个字段。 请注意,第一次光标可能位于不同的位置 您的建议是什么?您没有提供标记,因此我无法对您的结构进行假设(例如,如果它们是同级元素,则使用.next())。因此,假设您有inputtext,试试这个例子(对于jquery1.7+) $(文档).ready(函数(){ 变量输入=$('input[type=“text”]”); var len=输入。长度; 输入打开('keyup',功能(evt)
id
值。我想通过按Enter键将光标位置从现有字段更改为下一个字段。请注意,第一次光标可能位于不同的位置
您的建议是什么?您没有提供标记,因此我无法对您的结构进行假设(例如,如果它们是同级元素,则使用
.next()
)。因此,假设您有input
text,试试这个例子(对于jquery1.7+)
$(文档).ready(函数(){
变量输入=$('input[type=“text”]”);
var len=输入。长度;
输入打开('keyup',功能(evt){
如果(evt.keyCode===13){
var currentInput=inputs.index($(this));
输入.eq((电流输入
在最后一次输入时按enter键,第一次输入将被聚焦(在循环中)。
请参见JSFIDLE示例:
$(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();
}
});
});