测试Enter Press时无法读取未定义的属性“”keyCode“”
测试Enter Press时无法读取未定义的属性“”keyCode“”
提问于 2019-01-09 19:12:06
我在这里读了几篇关于这个问题的帖子，但似乎仍然不能修复这个错误。对于上下文，我在一个具有自定义text_area框的自定义PopupWindow类中工作。这不应该是相对的，除非react输入框的典型属性在这种情况下不可用(即onKeyPress)。它已经被onEnterKeyPress取代了，但本质上是一样的。
事件处理程序：
getKeyPress = evt => {
let pressed = evt.keyCode || evt.which;
if(document.activeElement.tagName.toLocaleLowerCase() === 'textarea'){
console.log("TRUE"); //Is returning TRUE
if(pressed === 13){
"<br />"
}
}
}调用事件处理程序：
<PopupWindow onEnterKeyPress= {this.getKeyPress} >content here... </PopupWindow>回答 2
Stack Overflow用户
发布于 2019-01-09 20:29:40
鉴于您提供的信息有限，我认为为了处理自定义事件，您应该在生命周期方法之一的组件中使用vanilla js注册它们。例如：
componentDidMount() {
window.addEventListener("customEvent", this.getKeyPress);
}当然，之后还会注销它们。
Stack Overflow用户
发布于 2019-01-09 21:03:42
下面是一个显示keyCode的简单keyPress事件。从理论上讲，它在使用自定义事件时应该起到同样的作用。请注意，我使用的是charCode而不是keyCode
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
keyCode: null
};
this.handleKeyPress = this.handleKeyPress.bind(this);
}
handleKeyPress = (event) => {
this.setState({ keyCode: event.charCode })
}
render() {
return (
<div>
<textarea onKeyPress={this.handleKeyPress} />
{this.state.keyCode && <span>KeyCode = {this.state.keyCode}</span>}
</div>
);
}
}
ReactDOM.render( < App / > ,
document.getElementById('root')
);textarea {
width: 100%;
height: 100px;
}<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script><div id="root" />
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54116790
复制
相似问题
Roslyn是否支持项目/编译级诊断的代码修复操作(没有位置)？
无法创建新的“诊断与代码修复”项目！(Roslyn+VS2013)
Resharper支持Roslyn诊断和快速操作的代码修复
非文本的Roslyn代码诊断报告？
Roslyn诊断注册
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
