react 项目添加回车事件监听

最新推荐文章于 2023-09-27 19:55:57 发布

派大宁

最新推荐文章于 2023-09-27 19:55:57 发布

阅读量4.3k

点赞数 4

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/weixin_45204463/article/details/106503578

版权

react 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

话不多说直接上代码

					`<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()
				        }
					}