autofocus

Baseline 已广泛支持

此特性已经非常成熟,可以在许多设备和浏览器版本上使用。自 2023 年 2 月起,所有主流浏览器均已支持。

autofocus 全局 SVG 属性定义了一个可在连接到文档后获得焦点的元素。如果元素本身不可聚焦,则该属性无效。

autofocus 属性有一个对应的 HTML 属性:autofocus。文档中最多只能有一个元素拥有 autofocus 属性。如果将其应用于多个元素,则只有第一个元素会获得焦点。

用法说明

布尔属性
默认值 (无)
可动画的

有关值的描述,请参阅 HTML autofocus 属性。

可访问性考虑

自动聚焦 SVG 元素可能会让使用屏幕阅读技术的视障人士和有认知障碍的人感到困惑。当设置了 autofocus 时,屏幕阅读器会在不提前通知用户的情况下,“瞬间”将用户移动到可聚焦元素。

在应用 autofocus 属性时,请仔细考虑可访问性。自动聚焦到某个元素可能会导致页面在加载时滚动。在某些触摸设备上,焦点也可能导致动态键盘显示。虽然屏幕阅读器会朗读获得焦点的元素的 可访问名称,但它不会朗读该元素之前的任何内容(这些内容可能提供更多上下文),而在小设备上的有视力用户同样会错过前置内容所创建的上下文。

规范

规范
Scalable Vector Graphics (SVG) 2
# autofocus属性

浏览器兼容性

另见