ElementInternals: ariaHasPopup 属性

Baseline 2023
新推出

自 ⁨2023 年 10 月⁩ 以来,此功能已在最新设备和浏览器版本中得到支持。此功能可能无法在旧设备或浏览器上运行。

ariaHasPopup 属性是 ElementInternals 接口的一部分,它反映了 aria-haspopup 属性的值。该属性指示一个元素可以触发的交互式弹出元素(如菜单或对话框)的可用性和类型。

注意:ElementInternals 上设置 ARIA 属性允许为自定义元素定义默认语义。这些默认语义可能会被作者定义的属性覆盖,但可以确保在作者删除或根本未添加这些属性时,默认语义仍然保留。有关更多信息,请参阅 Accessibility Object Model explainer

一个字符串,其值可能为以下之一:

"false"

该元素没有弹出窗口。

"true"

该元素有一个弹出菜单。

该元素有一个弹出菜单。

"listbox"

该元素有一个弹出列表框。

"tree"

该元素有一个弹出树形结构。

"grid"

该元素有一个弹出网格。

"dialog"

该元素有一个弹出对话框。

示例

在此示例中,ariaHasPopup 的值设置为 "true"。

js
class CustomControl extends HTMLElement {
  constructor() {
    super();
    this.internals_ = this.attachInternals();
    this.internals_.ariaHasPopup = "true";
  }
  // …
}

规范

规范
无障碍富互联网应用程序 (WAI-ARIA)
# dom-ariamixin-ariahaspopup

浏览器兼容性