Question

我的每个HTML table都有td个输入文字。我尝试创建一个允许箭头键导航td's。

的函数

我希望在单击每个箭头键时突出显示所选单元格的值，就像选项卡的工作方式一样。这里有没有人知道如何实现这一目标？谢谢。

代码 Here

Answer 1

你可以获得价值。在重新定位功能中使用此代码：

alert($('#navigate tr td').eq(active).find('input').val());

Answer 2

您可以单独找到输入，并在function rePosition()中为有效输入添加一个类，

$('#navigate tr td').find('input').removeClass('yourClassforText');
$('#navigate tr td').eq(active).find('input').addClass('yourClassforText');

// to select text inside input
$('#navigate tr td').eq(active).find('input').select();

old Demo Here

更新

如前所述，Op的另一个问题是仅删除所选文本您需要添加对keydown事件的检查，

var inp = String.fromCharCode(event.keyCode);
if (!(/[a-zA-Z0-9-_ ]/.test(inp) || event.keyCode == 96)){
    //if user is entering some text, neglect rePosition & reCalculate events
}

Updated Demo

更新 - 2：

Demo with thead

使用箭头键在每个td中使用输入文本导航HTML表

2 个答案:

更新

更新 - 2：