layui 框架 table插件 实现键盘快捷键 切换单元格编辑

可以通过监听键盘事件来实现键盘快捷键的功能，同时也可以通过监听 table 的单元格编辑事件来判断当前编辑的单元格位置，从而实现切换单元格编辑的功能。

具体实现方式如下：

1. 监听键盘事件，当按下 Tab 键时，判断当前正在编辑的单元格位置，然后切换到下一个单元格进行编辑。

// 监听键盘事件
$(document).keydown(function (e) {
  // 判断是否按下了 Tab 键
  if (e.keyCode === 9) {
    // 阻止默认事件
    e.preventDefault();
    // 获取当前编辑的单元格位置
    var editIndex = $('table').find('.layui-table-edit').parent().index();
    // 切换到下一个单元格进行编辑
    $('table').find('td:eq(' + (editIndex + 1) + ')').trigger('click');
  }
});

2. 监听 table 的单元格编辑事件，当单元格进入编辑状态时，添加一个 class 名称用于标记当前正在编辑的单元格。

// 监听 table 的单元格编辑事件
table.on('edit(test)', function(obj){
  // 添加 class 名称用于标记当前正在编辑的单元格
  $(obj.tr).find('td:eq('+obj.field+')').addClass('layui-table-edit');
});

3. 监听 table 的单元格编辑结束事件，当结束编辑时，移除用于标记的 class 名称。

// 监听 table 的单元格编辑结束事件
table.on('tool(test)', function(obj){
  // 移除用于标记的 class 名称
  $(obj.tr).find('.layui-table-edit').removeClass('layui-table-edit');
});

通过以上三个步骤的组合，可以实现键盘快捷键切换单元格编辑的功能。