当与React一起使用时，如何在keyPress上检测“Enter”键
当与React一起使用时，如何在keyPress上检测“Enter”键
提问于 2017-07-07 05:13:05
我正在使用ReactJs开发我的应用程序。通过处理onKeyPress事件，当按下Enter时，我正在尝试提交一个输入文本。它检测其他输入，但不检测enter。我尝试过不同的方法-- event.key、event.charCode、event.keyCode、event.which……似乎什么都不起作用。
React.createElement("input", {tabIndex: "1", onKeyPress: this.handleKeyPress, onChange: this.handleChange,
placeholder: "ex: 1,10,15"}),
handleChange: function (event) {
this.setState({userInputBuckets: event.target.value});
},
handleKeyPress: function (event) {
if (event.charCode == 13) {
event.preventDefault();
this.props.table.handleSubtotalBy(this.props.columnDef, this.state.userInputBuckets);
}
},我也尝试过onKewDown处理，它会检测到正确的键，但即使它将event.keyCode == 13求值为true，它也不会执行if块。
回答 2
Stack Overflow用户
发布于 2017-07-07 06:11:50
将e.stopPropagataion从handleSubtotalBy迁移到handleKeyPress
handleKeyPress(event) {
if (event.charCode == 13) {
event.preventDefault();
event.stopPropagation();
this.props.table.handleSubtotalBy(this.props.columnDef, this.state.userInputBuckets);
}
}
handleSubtotalBy(columnDef, partitions) {
const subtotalBy = this.state.subtotalBy || [];
// ...
}Stack Overflow用户
发布于 2017-12-01 04:13:00
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44958938
复制相关文章
相似问题
腾讯云开发者
