Javascript 如何使用JS或JQuery从当前文本框切换到下一个(选项卡式)文本框
我正在尝试编写js代码,将Excel数据粘贴到许多文本框中,并且我能够在剪贴板中拆分数据,但是我很难确定如何前进到下一个输入以粘贴数据 为简化起见,HTML类似于以下内容: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
<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];
}