autofocus
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
Thuộc tính SVG toàn cục autofocus xác định một phần tử có thể nhận focus để được focus sau khi nó được gắn vào tài liệu. Thuộc tính này không có tác dụng nếu phần tử vốn chưa thể nhận focus.
Thuộc tính autofocus có một thuộc tính tương ứng trong HTML: autofocus. Trong tài liệu không được có nhiều hơn một phần tử mang thuộc tính autofocus. Nếu gán cho nhiều phần tử, phần tử đầu tiên sẽ nhận focus.
Lưu ý sử dụng
| Giá trị |
boolean attribute
|
|---|---|
| Giá trị mặc định | (không có) |
| Có thể animate | Không |
Để biết mô tả về các giá trị, vui lòng tham khảo thuộc tính HTML autofocus.
Vấn đề về trợ năng
Tự động focus vào một SVG có thể làm bối rối những người khiếm thị đang dùng công nghệ đọc màn hình và những người có suy giảm nhận thức. Khi autofocus được gán, trình đọc màn hình sẽ "dịch chuyển tức thời" người dùng của nó tới phần tử có thể nhận focus mà không cảnh báo trước.
Hãy cân nhắc cẩn thận về khả năng truy cập khi áp dụng thuộc tính autofocus. Việc tự động focus vào một phần tử có thể khiến trang cuộn khi tải. Việc focus cũng có thể làm bàn phím động xuất hiện trên một số thiết bị cảm ứng. Trong khi trình đọc màn hình sẽ thông báo accessible name của phần tử đang nhận focus, nó sẽ không thông báo bất kỳ nội dung nào đứng trước phần tử đó, nội dung vốn có thể cung cấp thêm ngữ cảnh, và người dùng nhìn bằng mắt trên thiết bị nhỏ cũng sẽ bỏ lỡ ngữ cảnh do phần nội dung đứng trước tạo ra.
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # autofocusattribute |
Tương thích trình duyệt
Xem thêm
- Thuộc tính SVG
tabindex - Thuộc tính HTML
autofocus SVGElement.autofocus