设置键盘快捷键以跳转到最近的输入字段

时间:2009-09-28 07:43:27

标签: javascript jquery input keyboard-shortcuts

是否有简单的JavaScript或jQuery脚本来浏览表单字段,类似于phpMyAdmin对动态字段的处理。当您单击 Ctrl + Ctrl + 时,它会“标记”到下一个字段。

这是从默认的 Tab (转到下一个)和 Shift + Tab (转到上一个)。我希望通过向上,向下,向左,向下,结束,按行/列添加导航更广泛。

1 个答案:

答案 0 :(得分:2)

我相信它看起来像这样:

$('input').keypress(function(){
    //if correct key combination
        $(this).next('input').focus();
});

啊,从您的评论:“因为标签转到下一个,转换标签转到上一个。我想在表格字段中向上,向下,向左,向末,从行/列开始。”

如果您需要2d输入网格,则可能需要使用ID:

<input id="input_1_1" />

(id = input_x_y)

javascript就像是:

$('input').keypress(function(){
    var id = $(this).attr('id');
    id.split("_");
    // if up:
        $('#input_'+id[0]+'_'+(id[1] - 1)).focus();
    // if down:
        $('#input_'+id[0]+'_'+(id[1] + 1)).focus();
    // if left:
        $('#input_'+(id[0] - 1)+'_'+id[1]).focus();
    // if right:
        $('#input_'+(id[0] + 1)+'_'+id[1]).focus();
});