jquery - 使用 jquery 在表格中进行箭头键导航

Question

我有一个应用程序，可以使用箭头键在表格单元格之间导航。我这里有一个问题

1) 如果焦点位于第一行的第一个单元格，按左键将使焦点不可见2)如果焦点位于最后一行的最后一个单元格，按右键会使焦点不可见。

如果单元格是第一行的第一个单元格(按下左键时)并且与最后一行的最后一个单元格相同(按下右键)，我如何使焦点保持在同一个单元格

这里是代码:

switch(e.keyCode)
    {
      case 37:
        // Left
        button = cell.prev('td').find('button');
        if (button.length == 0)
        {
          // Nothing further left, go to end of
          // previous row
          button = cell.parent('tr').prev('tr').find('td:last button');

        }
        break;
      case 38:
        // Up
        row = cell.parent('tr');
        index = row.children('td').index(cell);
        button = row.prev('tr').find('td:eq(' + index + ') button').length === 0 ? row.find('td:eq(' + index + ') button') : row.prev('tr').find('td:eq(' + index + ') button');
        break;
      case 39:
        // Right
        button = cell.next('td').find('button');
        if (button.length == 0)
        {
          // Nothing further right, go to beginning of
          // next row
          button = cell.parent('tr').next('tr').find('td:first button');
        }
        break;
      case 40:
        // Down
        row = cell.parent('tr');
        index = row.children('td').index(cell);
        button = row.next('tr').find('td:eq(' + index + ') button').length === 0 ? row.find('td:eq(' + index + ') button') : row.next('tr').find('td:eq(' + index + ') button');;
        break;
    }

Answer 1

如果没有更多的代码，很难判断，但是如果没有找到下一个/上一个按钮，要留在当前的单元格上，您只需在 switch 语句后添加以下代码:

if (button.length == 0) button = cell.find('button');