คำถามติดแท็ก keypress

ฉันกำลังมองหาวิธีผูกฟังก์ชันเข้ากับทั้งหน้าของฉัน (เมื่อผู้ใช้กดปุ่มฉันต้องการให้เรียกใช้ฟังก์ชันใน component.ts ของฉัน) มันง่ายมากใน AngularJS ด้วย a ng-keypressแต่ใช้ไม่ได้กับ(keypress)="handleInput($event)". ฉันลองใช้กระดาษห่อ div ทั้งหน้า แต่ดูเหมือนจะไม่ได้ผล จะใช้งานได้เมื่อโฟกัสอยู่ที่มันเท่านั้น <div (keypress)="handleInput($event)" tabindex="1">

110 typescript  angular  keypress  key-bindings 

ฉันต้องการใช้เหตุการณ์ keyDown กับ div ใน React ฉันทำ: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) { console.log(e.keyCode); } render() { let player = this.props.boards.dungeons[this.props.boards.currentBoard].player; return ( <div className="player" style={{ position: "absolute" }} onKeyDown={this.onKeyPressed} // not working > <div className="light-circle"> <div className="image-wrapper"> <img src={IMG_URL+player.img} /> </div> </div> </div> …

92 reactjs  events  keypress  keydown