ANT-D表单元格上的键盘导航

Question

有没有一种方法可以自动为antd表提供键盘支持？我希望用户能够使用键盘上的箭头键在表格单元格之间导航

Answer 1

您可以使用https://github.com/amanboss9/naviboard库检查更健壮的键盘导航处理方式。由于tab键可帮助您浏览模式并在完成页面导航后失去焦点。shift + tab有助于反向导航，但您仍无法控制导航根据屏幕上覆盖的元素。

• 在index.html中将<script src="https://cdn.jsdelivr.net/npm/naviboard@2.0.0/dist/naviboard.min.js"></script>包含在naviboard库中，或者也可以从npm install naviboard安装它
• 在所需的项目上使用class导航，然后将tabindex放在这些项目上。
• 使用parentID作为所有可导航元素的父元素的ID初始化naviBoard.setNavigation(parentID)方法。

您可以通过jsfiddle下面的示例进行演示： https://jsfiddle.net/amanboss9/zv5hocxq/2/embedded/result