javascript - 设置键盘快捷键以跳至最接近的输入字段

是否有简单的JavaScript或jQuery脚本可在表单字段中导航，类似于phpMyAdmin对动态字段所做的操作。当您单击Ctrl +←或Ctrl +↓时，它将“制表”到下一个字段。

这是从默认选项卡（转到下一个）和Shift + Tab（转到上一个）开始的。我希望导航通过向上，向下，向左，向右，结束，首页以及按行/列的方式进行扩展。

最佳答案

我相信它看起来像这样：

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

嗯，根据您的评论：“因为制表符转到下一个，移位制表符转到了上一个。我要按行，列，上，下，左，右，末尾在表单域中导航。”

如果要二维输入网格，则可能需要使用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();
});