欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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()
				        }
					}
相关标签: react react