JavaScript 教程
JavaScript 对象
jQuery 教程
JSON 教程
AngularJS 教程
Angular 2 教程
Vue.js 教程
React 教程
jQuery UI 教程
jQuery EasyUI 教程
AJAX 教程
Highcharts 教程
Google Maps API 教程
ES6 教程
TypeScript教程
ES6 标准入门HTML DOM tabIndex 属性
元素对象定义和用法
tabIndex 属性可设置或返回单选按钮的 tab 键控制次序。
语法
HTMLElementObject.tabIndex=tabIndex
浏览器支持
所有主要浏览器都支持 tabIndex 属性
实例
实例
改变三个链接的 tab 排序：
<html>
<head>
<script>
function changeTabIndex()
{
document.getElementById('1').tabIndex="3"
document.getElementById('2').tabIndex="2"
document.getElementById('3').tabIndex="1"
}
</script>
</head>
<body>
<p><a id="1" href="http://www.w3cschool.cc">1</a></p>
<p><a id="2" href="http://www.w3cschool.cc">2</a></p>
<p><a id="3" href="http://www.w3cschool.cc">3</a></p>
<input type="button" onclick="changeTabIndex()"
value="Change TabIndex">
</body>
</html>
<head>
<script>
function changeTabIndex()
{
document.getElementById('1').tabIndex="3"
document.getElementById('2').tabIndex="2"
document.getElementById('3').tabIndex="1"
}
</script>
</head>
<body>
<p><a id="1" href="http://www.w3cschool.cc">1</a></p>
<p><a id="2" href="http://www.w3cschool.cc">2</a></p>
<p><a id="3" href="http://www.w3cschool.cc">3</a></p>
<input type="button" onclick="changeTabIndex()"
value="Change TabIndex">
</body>
</html>
尝试一下 »