tabindex

Baseline Widely available

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

Thuộc tính tabindex cho phép bạn kiểm soát việc một phần tử có thể nhận focus hay không và xác định thứ tự tương đối của phần tử cho mục đích điều hướng focus tuần tự.

Bạn có thể dùng thuộc tính này với bất kỳ phần tử SVG nào.

Ví dụ

html,
body,
svg {
  height: 100%;
}

html

<?xml version="1.0"?>
<svg viewBox="0 0 260 260" xmlns="http://www.w3.org/2000/svg">
  <circle r="10" tabindex="0" fill="green" cx="60" cy="60" />
  <circle r="40" tabindex="0" fill="red" cx="60" cy="160" />
  <circle r="60" tabindex="0" fill="blue" cx="160" cy="60" />
  <circle r="20" tabindex="0" fill="black" cx="160" cy="160" />
</svg>