blob: 516c659c2a46c0731097cdb75069319e1db20924 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
---
title: HTMLElement.tabIndex
slug: Web/API/HTMLElement/tabIndex
translation_of: Web/API/HTMLOrForeignElement/tabIndex
---
<div>
<div>{{ APIRef("HTML DOM") }}</div>
</div>
<h3 id="Summary" name="Summary">概述</h3>
<p>获取或设置当前元素的tab键激活顺序.</p>
<h3 id="Syntax" name="Syntax">语法</h3>
<pre class="eval">element.tabIndex = <em>index </em><em>index </em>= element.tabIndex
</pre>
<h3 id="Parameters" name="Parameters">参数</h3>
<ul>
<li><code>index</code>是一个数字,表示顺序。取值需要在0到32767之间。</li>
</ul>
<p>Tab键的遍历顺序是这样的：</p>
<ol>
<li>对于tabIndex值为正数的元素，如果多个元素的tabIndex值相同，则以他们出现在字符流中的次序来遍历；否则按tabIndex值由小到大的顺序来遍历。</li>
<li>对于不支持tabIndex属性或支持tabIndex属性并将其赋值为0的元素，按照他们出现在字符流中的次序来遍历。</li>
<li>处于不可用状态的元素不会被遍历到。</li>
</ol>
<p>支持tabIndex属性的元素有：a,area,button,input,object,select和textarea<font face="monospace" size="3"><span style="line-height: 19.5px;">。</span></font></p>
<p>tabIndex的值不需要是连续的，也不需要以某个特定值开始。</p>
<h3 id="Example" name="Example">例子</h3>
<pre>var b1 = document.getElementById("button1");
b1.tabIndex = 1;
</pre>
<h3 id="Specification" name="Specification">规范</h3>
<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-40676705">W3C DOM Level 2 HTML tabIndex</a></p>
<p>了解更多,请查看: <a href="/zh-cn/Key-navigable_custom_DHTML_widgets#The_solution:_changes_to_standard_behavior_of_tabindex" title="zh-cn/Key-navigable_custom_DHTML_widgets#The_solution:_changes_to_standard_behavior_of_tabindex">The solution: changes to standard behavior of tabindex</a></p>
<p>{{ languages( { "ja": "ja/DOM/element.tabIndex", "fr": "fr/DOM/element.tabIndex", "pl": "pl/DOM/element.tabIndex" , "en": "en/DOM/element.tabIndex" } ) }}</p>
|
