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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react js 怎样绑定键盘敲击回车事件相关的知识,希望对你有一定的参考价值。

参考技术A

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 />

以上是关于react js 怎样绑定键盘敲击回车事件的主要内容,如果未能解决你的问题,请参考以下文章

登录页面敲击回车实现提交功能

用js怎么写一个回车键盘事件?

用js怎么写一个回车键盘事件

JS 键盘回车和鼠标单击事件合并

JS移动端如何监听软键盘回车事件

vue+element Form键盘回车事件页面刷新解决