react 如何用onChange来获取按下的键

Question

keyboard(){
    console.log();
  }


<Input placeholder="Basic usage" onChange={this.keyboard}/>

假设我按下ctrl，我的期望是keyboard方法里的console输出'ctrl'

Answer 1

代码如下，注意你的代码有一些错误

function App() {
  function keyboard(e) {
    console.log(e.key); // 输出按键名称（按下 ctrl 输出 Control）
    if (e.ctrlKey) { // 判断是否按下 ctrl
      console.log('ctrl');
    }
    console.log('done');
  }

  return (
    <input placeholder="Basic usage" onKeyDown={keyboard} />
  );
}

Answer 2

检讨键盘的事件，不是input的onChange事件。
react添加监听事件监听键盘事件

你可以input的onChange中，设置一个flag，打开监听，其他事件的话不监听键盘事件