Question

react js 怎样绑定键盘敲击回车事件

Answer 1

class Demo extends Components{

componentDidMount(){

document.addEventListener("keydown",this.handleEnterKey);

}

componentWillUmount(){

document.removeEventListener("keydown",this.handleEenterKey);

}

handleEnterKey = (e) => {

if(e.keyCode === 13){

//do somethings

}

}

render(){ 

}

}

扩展资料

React获取表单值

1、监听表单的改变事件  onChange

2、在改变的事件里获取表单输入的值 通过事件对象获取值 e.target.value

3、把表单输入的值赋值给username this.setState({})

4、点击按钮的时候获取state里面的username  this.state.username

<input onChange={this.inputChange} onClick={this.getData} />

Answer 2

class App extends Component {
    keypress(e) {
      if (e.which !== 13) return
      console.log('你按了回车键...')
    }
    render() {
        return (
            <div>
               <textarea onKeyPress={this.keypress}></textarea>
            </div>
        )
    }
}