当按下Tab键时将表格变为可编辑

<table>
  <tr>
    <td contenteditable="true">单元格1</td>
    <td contenteditable="true">单元格2</td>
    <td contenteditable="true">单元格3</td>
  </tr>
</table>

document.addEventListener('keydown', function(event) {
  if (event.keyCode === 9) { // Tab键的keyCode为9
    event.preventDefault(); // 阻止默认的Tab键行为
    makeTableEditable(); // 调用函数将表格变为可编辑
  }
});

function makeTableEditable() {
  var cells = document.querySelectorAll('td[contenteditable="true"]');
  var nextCellIndex = -1;

  for (var i = 0; i < cells.length; i++) {
    if (cells[i] === document.activeElement) {
      nextCellIndex = i + 1;
      break;
    }
  }

  if (nextCellIndex < cells.length) {
    cells[nextCellIndex].focus(); // 将下一个单元格设置为焦点
  }
}