HTMLElement: tabIndex 속성

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.

tabIndex 는 현재 요소의 탭 순서를 나타내는 HTMLElement 인터페이스입니다.

탭 순서는 다음과 같습니다.

  1. tabIndex가 양수인 요소인 경우. 동일한 tabIndex값을 가진 요소들은 나타나는 순서대로 탐색되어야 합니다. 탐색은 가장 낮은 tabIndex에서 가장 높은 tabIndex로 진행됩니다.
  2. tabIndex 속성을 지원하지 않거나 지원하면서 tabIndex0으로 지정한 요소들은 나타나는 순서대로 탐색됩니다.

비활성화된 요소들은 탭 순서에 참여하지 않습니다.

값은 순차적일 필요가 없으며, 특정 값으로 시작할 필요도 없습니다. 값은 음수일 수도 있지만, 각 브라우저는 매우 큰 값을 잘라냅니다.

정수

예제

js
const b1 = document.getElementById("button1");

b1.tabIndex = 1;

명세서

Specification
HTML Standard
# dom-tabindex

브라우저 호환성

BCD tables only load in the browser

같이 보기