问题描述
有没有办法在不重写html的情况下改变页面上两个元素的tabindex顺序?
<div>
<a href="#">one</a>
</div>
<div class="container">
<div class="right">
<a href="#">two</a>
</div>
<div class="left">
<a href="#">three</a>
</div>
</div>
<div>
<a href="#">four</a>
</div>
CSS:
.container {
border:1px solid red;
overflow: hidden;
}
.right {
float:right;
background-color: green;
font-size: 40px;
}
用键盘,用Tab键,一、二、三、四跳。但是,最好的顺序是一、三、二、四,因为从左到右,从上到下优先。
http://jsfiddle.net/bm93j18f/2/
更多细节: 交换列顺序(并修复 css,对吗?)是最后的手段,因为如果没有其他选择,项目相当大,容器没有那么简单,问题不只是一页。
问:我们可以添加到 HTML 中吗?
A.:一些非常简单的事情(比如添加 tabindexes)将是最简单和好的方法。
问:我们可以使用 JavaScript 来管理焦点顺序吗?
答:否,如果有其他可能。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)