HTML元素没有得到集中在标签，但是，Shift + Tab键可访问
我有这样的结构：HTML元素没有得到集中在标签，但是，Shift + Tab键可访问
<div> <a href='#'>Hyperlink</a> </div>
<div>
<table>
<tr>
<td>Row1</td>
<td><button>Click</button></td>
</tr>
<tr>
<td>Row2</td>
<td><button>Click</button></td>
</tr>
<tr>
<td>Row3</td>
<td><button>Click</button></td>
</tr>
</table>
</div>
我不能够浏览到使用标签按钮，但是，Shift + Tab，他们所得到的焦点并可以访问。每个HTML元素都使用了很多类，但tabindex尚未使用。
可能是什么问题？请帮忙。
查看HTML中的全局tabindex属性。
http://www.w3schools.com/tags/att_global_tabindex.asp
tabindex="n"
你可以给元素应中标签的序列，这将最有可能解决你现在所拥有的任何黏合的焦点问题。
我不想明确提供tabindex – Ankita
你能解释一下你的理由吗？ – asimovwasright
你必须定义tabindex的元素，并且使用了一下jQuery的
$(function(){
$('#anchor').click(function(){
$(this).html('Pres Tab now');
});
});.hidden{
position:absolute;
top:-100px;
}
input{
width:0px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<a href='#' id="anchor" tabindex="1">Click me</a>
</div>
<div>
<table>
<tr>
<td>Row1</td><td><button tabindex="2">Click</button></td>
</tr>
<tr>
<td>Row2</td><td><button tabindex="3">Click</button></td>
</tr>
<tr>
<td>Row3</td><td><button tabindex="4">Click</button></td>
</tr>
</table>
<div class="hidden"><input type="text" tabindex="5" onfocus="$('#anchor').focus()" /></div>
</div>
你需要一个虚拟输入旋转Tab顺序它在隐藏模式下
$(function(){
$('#anchor').click(function(){
$(this).html('Check Tab now');
});
});.hidden{
position:absolute;
top:-100px;
}
input{
width:0px;
}
a{
text-decoration:none;
color:#ff8800;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<a href='#' id="anchor" tabindex="1">Click me</a>
</div>
<div>
<table>
<tr>
<td>Row1</td><td><button tabindex="2">Click</button></td>
</tr>
<tr>
<td>Row2</td><td><button tabindex="3">Click</button></td>
</tr>
<tr>
<td>Row3</td><td><button tabindex="4">Click</button></td>
</tr>
</table>
<div class="hidden"><input type="text" tabindex="5" onfocus="$('#anchor').focus()" /></div>
</div>我不想明确提供tabindex。按钮变得聚焦在shift +选项卡上，而没有专注于使用选项卡向前移动。 – Ankita
其工作重点 – chirag