javascript - onKeyDown 无响应

Question

使用Material-UI Table我有这个:

<Table
 onKeyDown={event => console.log(event)}>
  <TableBody>
    ...
  </TableBody>
</Table>

当我用鼠标单击表格，然后开始单击向上和向下箭头键时，控制台上没有任何记录。我尝试将 onKeyDown 放在 TableBody 以及我的应用程序的整个父 div 上，但没有任何运气。

帮忙？

Answer 1

这可能是因为您的表格不可聚焦。所以 onKeyDown 永远不会被触发。

您可以添加 tabIndex 以使其可聚焦，但请确保内部没有其他可聚焦元素，否则它们将优先。

<Table
 tabIndex='123'
 onKeyDown={event => console.log(event)}>
  <TableBody>
    ...
  </TableBody>
</Table>