首页 > 解决方案 > React - 我可以通过 on change 事件验证用户是否按下了一个键?

问题描述

我需要知道我是否可以验证用户是否按下了一个键,或者不仅可以通过onchange事件验证,因为我通过 QR 阅读器获得了输入文本,但用户也有可能手动输入数据。

我有这个代码(示例):

_getValue = (event) => {
   let value = event.target.value;
}

render() {
   
     <input type="text" onChange={this._getValue} /> 

}

因此,在_getValue来自onchange事件的方法上,我需要检查更改是来自键还是来自 QR 阅读器。

谢谢你们!

标签: javascriptreactjs

解决方案


您可以使用该keydown事件。

你可能最终会得到这样的东西

_getValue = (event) => {
   let value = event.target.value;
}

const handleKeyPress = (e) => {
  e.preventDefault();
  return;
}

render() {
   
     <input type="text" onChange={this._getValue} onKeyPress={handleKeyPress} /> 

}

您可以在MDN上阅读有关该活动的更多信息


推荐阅读