时间戳

首页 > 解决方案 > 反应 onClick 键码未定义？

javascript - 反应 onClick 键码未定义？

问题描述

我知道 with keypressorkeyDown我可以检查按下了哪个键，但onClick我不能这样做。

class App extends React.Component {
  handleClick = e => {
    console.log(e.keyCode);
  };
  render() {
    return <h1 onClick={this.handleClick}>Hello CodeSandbox</h1>;
  }
}

https://codesandbox.io/s/ovwn9z6owz

这里有什么问题？

标签： javascriptreactjsecmascript-6

解决方案

键码KeyboardEvent不是鼠标点击，无论如何都被认为是过时的。
来自Keyboard​Event​.key​Code MDN：

不再推荐此功能。尽管某些浏览器可能仍然支持它，但它可能已经从相关的 Web 标准中删除，可能正在被删除，或者可能仅出于兼容性目的而保留。避免使用它，并尽可能更新现有代码；请参阅本页底部的兼容性表以指导您的决定。请注意，此功能可能随时停止工作。

推荐阅读