tabindex 属性 -- 代表使用"Tab"键的遍历顺序
tabIndex 的用处很简单，就是利用tab键遍历页面的表单元素和链接，按照tabindex的大小决定遍历时的顺序。虽然微不足道，但这是任何一个WEB应用应当具备的亲用力，保证用户在没有鼠标的情况下（如WAP）仍然可以正常使用。
下面的例子，为了突现tabIndex控制焦点跳转的能力，特意把顺序打乱了。请先选中第一个文本域，然后按tab键观察效果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>javascript tabIndex属性</TITLE>
</HEAD>
<BODY>
<form name="nasami">
<input tabindex="1" value="第一个" type="text" />
<input tabindex="3" value="第三个" type="text" />
<input tabindex="5" value="第五个" type="text" />
<input tabindex="6" value="第六个" type="text" />
<input tabindex="4" value="第四个" type="text" />
<input tabindex="2" value="第二个" type="text" />
</form>
</BODY>
</HTML>
W3C DOM与Netscape仅是把tabIndex添加到有限的几个元素上：a, area, button, input, object, select, textarea，也就是所谓的表单元素与链接。
IE4则比它多以下元素： applet, body, div, embed, isindex, marquee, span, table, 与td。
到了IE5，几乎所有能渲染的元素都拥有这属性（像br元素就是不能渲染的）。
tabIndex的值，根据W3C的规定，范围在0到 32767。
怎样禁用TAB键？
比如让<input id='text1' type='text'>表单元素禁用TAB
方法一：设置属性tabindex=-1就可以了。
方法二：<input id='text1' type='text' onkeydown="if(event.keyCode==9){event.returnValue=false;}" />
分享到：
相关推荐
围绕表单的可访问性与交互性上，各浏览器都下了很大工夫，比如fieldset与legend等用于增强区域感的元素，for，accessKey，defaultValue，maxlength，tabIndex等用于交互或提示的属性。不过，今天只讲tabIndex。
下面小编就为大家带来一篇HTML5之tabindex属性全面解析。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
主要介绍了bootstrap模态框嵌套、tabindex属性、去除阴影,需要的朋友可以参考下
tab 键可以使控件按照tabindex 获取焦点,但是有时我们用enter更易用些.
' 在窗体添加一个Panel控件(Panel1)、一个Button控件(Button1)，一个TextBox控件（TextBox6），在容器Panel1中添加5个TextBox控件(TextBox1~TextBox5)用来模拟控件数组,分别设置TabIndex属性为0~4。
56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1 57.innerHTML的值是表单元素的值:如<p id="para">"how are <em>you< /em>",则innerHTML的值就是:how are <em>you 58.innerTEXT的值和上面的...
在做成的JS文件中可设定菜单中结点的打开和关闭图片，结点前的CheckBox存在与否，选择与否，还能设定树状菜单的行间隔长度，初期化状态展开与否，以及TabIndex等属性。 本代码经测试可正常使用。
@4rk/vue-roving-tabindex 将漫游tabindex添加到Vue组件。 这对于根据在组件内部实现键盘导航很有用。 安装 import VueRovingTabindex from "@4rk/vue-roving-tabindex" ; Vue . use ( VueRovingTabindex ) ; 用法 ...
用tabIndex轻松实现网页导航
TabIndex就是按Tab键有顺序的获取定义过的TabIndex元素设置在各个元素之间的焦点。
将tabindex作为微小的（601B）React钩 例子 安装 npm install use-roving-tabindex 用法 import { useRovingTabindex } from "use-roving-tabindex" ; function BasicExample ( ) { const [ compositeRef ] = ...
1）tabindex：就是利用tab来轻松的控制页面中的链接和表单元素它的用法很简单：obj.tabindex = tabindex; 这个tabindex 的值，按照w3c 的规定可以从0开始 一直到32767 2) js 设置组合快捷键本质就是获得你要设置的...
让非表单元素获得焦点也是有办法的，先将tabIndex属性设置为-1，再调用focus()方法 <div id=test xss=removed>div <button id=btn>div元素获得焦点</button> [removed] btn.onclick = function(){ ...
表单的焦点tab键顺序：tabindex决定，如果值缺省，择按顺序一一对应,想详细了解此功能应用的朋友可以参考下
jQuery 1.7.1不能正确地设置IE7中克隆元素的tabindex属性 压缩的JS文件包含非ASCII字符 如果body样式设置为display:none，则$('body').show()无法工作 在IE9中element.css('filter')返回不明确 在Android ...
56.JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 1 57.innerHTML的值是表单元素的值:如<p id="para">"how are <em>you</em>",则innerHTML的值就是:how are <em>you 58.innerTEXT的值和上面的一样...
jQuery1.7.1不能正确地设置IE7中克隆元素的tabindex属性 压缩的JS文件包含非ASCII字符 如果body样式设置为display:none，则$（'body'）。show（）无法工作 在IE9中element.css（'filter'）返回不明确 在Android ...