react 项目添加回车事件监听
程序员文章站
2022-07-08 08:03:02
...
话不多说 直接上代码
`<input
type="text"
placeholder="我要找资讯"
className={`${style.ContractInput}`}
onChange={e => this.inputChange(e)}
**onKeyUp={this.onKeyup}** // 这句代码加在你的input框上
/>`
这是回车事件的函数
不要纠结与里面这个e.keyCode 这是onKeyUp里面包含的方法
===13是判断你是否操作的是键盘的回车按钮
在判断里面就可以使用this来调用你的网络请求 从而达到回车事件代替点击事件,提高用户体验。
onKeyup=(e)=>{
if(e.keyCode === 13) {
this.findContract()
}
}
上一篇: Spring注解开发