input的回车事件

81 阅读 0 评论 54 点赞

我是靠谱客的博主清脆曲奇，最近开发中收集的这篇文章主要介绍input的回车事件，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1,input使用回车,进入下一个输入框,最后完成确认按钮的点击


<input
type="text"
value={optItem.tScore}
placeholder={'<=' + optItem.aScore}
onChange={e => {
var val= e.target.value;
optList[optIdx].tScore=val;
this.setState({
optList
})
}}
onKeyUp={e => {
let that = this;
if (e.keyCode == 13) {
if (optIdx == optList.length - 1) {
that.testSureBtn() //确定按钮事件
} else {
let next = optIdx + 1;
var inputs = document.getElementsByTagName('input');
inputs[optIdx].blur(); //当前输入框失去焦点
if (inputs[next].tagName === 'INPUT') {
inputs[next].focus();
//获取焦点
}
}
}
}}
/>