连续按Enter按钮,聚焦下一个input
// input键盘事件
moveCursor(ev, col, row) {
// console.log(this.cardInfo ,"this.cardInfoooooo=============")
console.log(this.consumeTable,col,row ,'键盘事件')
let Newindex = row * 19 + col; //计算是要选中哪个input,通过inputAll配合
let inputAll = document.querySelectorAll('.consumeInput'); //div
if (ev.keyCode == 13 && !ev.shiftKey) {
if (Newindex == inputAll.length - 1) {
this.enterPayCursor(0);
} else {
let inputEl = inputAll[Newindex + 1].querySelectorAll('input'); //input
inputEl[0].focus();
}
} else if (ev.keyCode == 37) {
if (Newindex == 0) return;
let inputEl = inputAll[Newindex - 1].querySelectorAll('input'); //input
inputEl[0].focus();
}
}
思路:通过给所有需要的input框给定class值,再通过当前聚焦的input的列数和行数+1进行下一个input聚焦