Javascript 把焦点放在第二张桌子上

Javascript 把焦点放在第二张桌子上,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想把注意力集中在第二张桌子上,就像我在第一张桌子上做的那样,但是我不能把注意力集中在第二张桌子上 (函数($){ $.fn.formNavigation=函数(){ $(此)。每个(函数(){ $(this).find('input')。on('keydown',函数(e){ if(e.which==13&&!e.shiftKey){ if($(this).closest('td').next().find('input').length>0){ e、 预防默认值(); $(this).cl

我想把注意力集中在第二张桌子上,就像我在第一张桌子上做的那样,但是我不能把注意力集中在第二张桌子上

(函数($){
$.fn.formNavigation=函数(){
$(此)。每个(函数(){
$(this).find('input')。on('keydown',函数(e){
if(e.which==13&&!e.shiftKey){
if($(this).closest('td').next().find('input').length>0){
e、 预防默认值();
$(this).closest('td').next().find('input').focus();
}else if($(this).closest('tr').next().children().eq(1).find('input').length>0){
e、 预防默认值();
$(this).closest('tr').next().children().eq(0).find('input').focus();
}else if($(this.sibbines('table')){
//$(this).closest('table').find('tr').children().eq($(this).closest('td').index()).find('input').focus();
}
} 
});
});
};
})(jQuery);
$('.gridexample').formNavigation()

这里没有jQuery,只是简单的老js就可以了。根据您在上述注释中的请求,焦点设置在第二个表中的第一个条目上。请注意,这不需要额外的类别或id规范

//目标是组中的最后一个表
tables=document.getElementsByClassName('gridexample');
targetTable=tables[tables.length-1];
//目标是最后一个表的第一行
tableRows=targetTable.getElementsByTagName('tr');
targetRow=表格行[0];
//目标最后一个表的第一行的第一个条目
rowEntries=targetRow.getElementsByTagName('td');
targetEntry=行条目[0];
//获取输入字段并设置焦点
targetEntry.getElementsByTagName('input')[0].focus()

操纵控制面板 看起来您希望enter/return键像tab键一样工作?如果是这样的话,那么将标记作为jQuery集合(即
$('input')
)作为目标,并只绑定到最上面的祖先标记——一个由集合中的所有标记共享的祖先(即
$('table')
)。扩展名已被修改,因此您可以传入祖先和集合参数的任何选择器,因此现在您可以针对任何对象,而不仅仅是
input

演示1
表中的操作问题--
输入
所需的设置

演示2使用混合集合设置--
textarea
select
形式出现

演示1
(函数($){
$.fn.enterNav=函数(集合){
$(集合).on('keydown',函数(e){
var idx=$(此).index(集合);
if(e.which==13&&!e.shiftKey){
$(collection.eq(idx+1).focus();
}
});
}
})(jQuery);
//$(祖先).enterNav(集合)
$('table')。enterNav('input')



是否要在第二个表的第一个文本框中设置焦点?是………好的,是否要在页面加载或任何特定事件中设置焦点?如果您为该表指定了自己的id或类,则可以直接选择该表。例如,
let table2=document.getElementById(“table2”)(在HTML中,
)。在脚本中识别出所需的表元素后,相同的jQuery代码应该能够正确地找到输入(因为两个表的结构是相同的。)@Prashant Zombade这没关系。我只需要解决任何问题,如果我使用文本区域或下拉列表,还有一个问题。它不起作用了。有什么解决方案吗?嗨@DarpanPatel我可能需要更多的信息,比如所有目标的共同祖先。我添加了另一个带有textarea的演示,并在表单中进行了选择。这就是我所需要的,谢谢,没问题,很高兴我能提供帮助。