React键盘监听事件案例

核心代码：

import React from "react";
class Demo extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            username:'kaka1994',
            age:18
         }; 
    }



    
    //键盘事件--按下事件
    inputkeyDown=(e)=>{
        console.log(e.keyCode);
    }
    //键盘事件--抬上事件
    inputkeyUp=(e)=>{
        console.log(e.keyCode)
    }

    render() {
        return (
            <div>
                这是demo组件 {this.state.username}
               {/* 键盘事件----按下事件 */}            
                <br />
                <br />
                <input onKeyDown={this.inputkeyDown}></input>
                {/* 键盘事件----抬起事件 */}  
                <br />
                <input onKeyUp={this.inputkeyUp}></input>
            </div>
        );
    }
}

export default Demo;