Javascript 如何使用JS或JQuery从当前文本框切换到下一个(选项卡式)文本框

Javascript 如何使用JS或JQuery从当前文本框切换到下一个(选项卡式)文本框,javascript,jquery,Javascript,Jquery,我正在尝试编写js代码,将Excel数据粘贴到许多文本框中,并且我能够在剪贴板中拆分数据,但是我很难确定如何前进到下一个输入以粘贴数据 为简化起见,HTML类似于以下内容: <table> <tr> <td> <input type="text" id="box1"> </td> <td> <input type="text" id="box2"> &l

我正在尝试编写js代码,将Excel数据粘贴到许多文本框中,并且我能够在剪贴板中拆分数据,但是我很难确定如何前进到下一个输入以粘贴数据

为简化起见,HTML类似于以下内容:

<table>
<tr>
    <td>
       <input type="text" id="box1">
    </td>
    <td>
       <input type="text" id="box2">
    </td>
    <td>
        <input type="text" id="box3">
    </td>
</tr>
<table>
这就是我到目前为止所做的,我对我认为有问题的具体部分添加了评论。从此处修改的代码:

假设这是如何工作的,用户从excel复制数据,然后转到表单,在输入框1中单击,然后ctrl+v粘贴,三个文本框将被填充。框1=a1,框2=b1,框3=c1

如何使用Javascript/JQuery将e.target.value移到下一个选项卡式输入框?

您必须获取所有输入元素的一个,然后才能获取一个并前进到您的目标并从那里继续

let inputIterator = document.querySelectorAll('input').entries();
let nextInput = inputIterator.next().value[1];
while(!e.target.isEqualNode(nextInput)){
    nextInput = inputIterator.next().value[1];
}
....
       for (var j = 0; j<col.length; j++)
     {
         nextInput.value = col[j];
         nextInput = inputIterator.next().value[1]; 
     }

这是有效的,谢谢你的链接,我可以学习。
document.addEventListener("paste", function (e)
 {

     console.log(e.target.id);
     var pastedText;
     if (window.clipboardData && window.clipboardData.getData) { // IE
         pastedText = window.clipboardData.getData('Text');
     } else if (e.clipboardData && e.clipboardData.getData) {
        pastedText = e.clipboardData.getData('text/plain');
     }
     e.preventDefault();
     var row = pastedText.split('\n');
     for (var i=0;i<row.length;i++)
     {
         var col = row[i].split('\t');
         for (var j = 0; j<col.length; j++)
         {
             e.target.value = col[j];
             e = e.next(); //Trouble here (?)
         }
     }
    return false;
});
let inputIterator = document.querySelectorAll('input').entries();
let nextInput = inputIterator.next().value[1];
while(!e.target.isEqualNode(nextInput)){
    nextInput = inputIterator.next().value[1];
}
....
       for (var j = 0; j<col.length; j++)
     {
         nextInput.value = col[j];
         nextInput = inputIterator.next().value[1]; 
     }