javascript - 按下 Tab 键时可编辑表格内容

Question

我正在制作一个表格输入工具，我想在按 Tab 时输入项目，而不必单击每个元素。然而，我无法弄清楚如何实现这一点。

$('table').on('mousedown objEvent.keyCode == 9', 'td', function(event) {
  event = event || window.event;
  var elementClass = $(this).attr('class');
  if (elementClass != "noedit") {
    $(event.target).closest('td').prop("contentEditable", true);
  }

我尝试过 mousedown 和 tab 键，但只有 mousedown 有效。

$('table').on('focus', 'td', function(event) {
  event = event || window.event;
  var elementClass = $(this).attr('class');
  if (elementClass != "noedit") {
    $(event.target).closest('td').prop("contentEditable", true);
  }

只有 mousedown 也可以这样工作。

Jsfiddle:https://jsfiddle.net/vLsw0goe/

谢谢。

Answer 1

试试这个:

$('table').on('mousedown', 'td:not(.noedit)', function(event) {
    event = event || window.event;
    $(event.target).closest('td').prop("contentEditable", true);
});

$('table').on('keydown', 'td:not(.noedit)', function(event) {
    var i = $("td:not(.noedit)").index($(this));
    $("td:not(.noedit)").eq(i+1).trigger("mousedown");
});