← Back to rules

jsx-a11y/click-events-have-key-events 正确性

它的作用

强制要求 onClick 事件必须至少伴随以下之一：onKeyUp、onKeyDown、onKeyPress。

为什么这是不好的？

为键盘操作进行编程对于无法使用鼠标、辅助技术（AT）兼容性以及屏幕阅读器用户非常重要。
此规则不适用于交互式或隐藏元素。

示例

此规则的错误代码示例：

<div onClick={() => void 0} />

此规则的正确代码示例：

<div onClick={() => void 0} onKeyDown={() => void 0} />

如何使用

要通过配置文件或 CLI 启用此规则，可以使用：

配置文件 (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/click-events-have-key-events": "error"
  }
}

CLI

oxlint --deny jsx-a11y/click-events-have-key-events --jsx-a11y-plugin

参考资料

• 规则源码