如何禁用“具有单击处理程序的非交互式元素必须至少有一个键盘侦听器”规则？
如何禁用“具有单击处理程序的非交互式元素必须至少有一个键盘侦听器”规则？
提问于 2022-02-01 20:23:46
例如，每当我编写一个没有onClick的onKeyUp事件属性时，eslint就会引发错误Visible, non-interactive elements with click handlers must have at least one keyboard listener，并且我不知道如何禁用这个规则。我该怎么做？
回答 3
Stack Overflow用户
回答已采纳
发布于 2022-02-02 16:34:59
您的eslint中的'jsx-a11y/click-events-have-key-events': 'off'应该禁用它。
Stack Overflow用户
发布于 2022-03-13 21:58:33
rules在.eslintrc.js中的应用
vuejs-accessibility/click-events-have-key-events': 'off',Stack Overflow用户
发布于 2022-10-20 17:49:56
不要禁用此规则。它的存在是为了帮助您确保使用屏幕阅读器的人可以访问您的站点。
您可以通过执行以下操作轻松地编写符合此规则的代码：
<someElement onClick={this.handleClick} onKeyDown={this.handleClick}>或者，您可以使用库中的预构建组件，如https://mui.com/material-ui/react-button/，默认情况下它将符合可访问性标准，并为您节省一些工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70947062
复制相关文章
相似问题
腾讯云开发者
