OnKeyPress工作正常,但keyDown没有任何反应

时间:2017-02-11 05:12:49

标签: javascript reactjs

我想在React应用程序中获取删除keyCode,但什么也没发生。我OnKeyPress已经为可打印字符工作了,但我还需要检测删除,根据我的理解,删除是用keyDown处理的。请参阅下面的代码。仅供参考,我也尝试了OnKeyDown,以防万一就是问题。

  handleDelete: function(e) {
  console.log(e)
    if (e.keyCode == 46) {
        console.log('Pressed Delete')
    }
  },

   render: function() {
       return (
       <div>
          <input 
              onKeyPress={this.handleChange} 
              keyDown={this.handleDelete}
              value={this.state.value}
          />
          <h3>{this.state.value}</h3>
       </div>
       );
   }

1 个答案:

答案 0 :(得分:2)

保持您的短语一致,并使用onKeyDown

https://facebook.github.io/react/docs/events.html#keyboard-events