React onKeyPress事件未检测到退格

Question

我有一个handleBackspace函数，如果按下退格键，它将执行某些操作。

我尝试过：

const handleBackspace = (e) => {
    if(e.keyCode === 8) {
        console.log('1')
    }
}

//
<input onKeyPress={handleBackspace}>

但是那不起作用。 （我用keyCode13[enter]进行了尝试，但是可以。但是keyCode8[backspace]不起作用）有人可以向我展示解决方案吗？

Answer 1

尝试将其更改为onKeyDown事件。

沙盒：https://codesandbox.io/s/react-basic-class-component-kzv2k?file=/src/index.js

  handleBackspace = e => {
    if (e.keyCode === 8) {
      console.log("1");
    }
  };

  render() {
    return <input onKeyDown={this.handleBackspace} />;
  }