兴趣调用器与 command 属性

Open UI 社区正在制定两个新的 HTML 属性——command 用于由点击触发的操作，interesttarget 用于由悬停或聚焦触发的“关注”状态（工具提示和预览的基础）。这两个属性都以声明式行为扩展了 HTML，而这些行为过去通常需要 JavaScript 才能实现。

带有 command="show-modal" 和 commandfor="dialog-id" 的按钮无需任何 JS 就能显示对话框，从而替代手动调用 dialog.showModal()。其他命令包括：command="close"、command="toggle-popover"、command="show-popover"。

初始命令集面向常见的用户界面模式：显示或隐藏对话框（内置的 <dialog>）、切换弹出层（弹出层接口），并且未来可能继续扩展。自定义元素可以通过 oncommand 事件处理程序声明其接受哪些命令。

除了内置命令之外，规范还允许使用以“--”开头的自定义命令字符串。目标元素会接收到一个 command 事件，您可以在 JS 中处理它：el.addEventListener("command", (e) => { if (e.command === "--save") save(); })。

interesttarget 属性用于标记元素的“关注”目标，通常是一个在悬停或聚焦时出现的工具提示。浏览器会自动处理时间安排（300ms 的悬停意图延迟）、定位（使用锚点定位）和关闭操作。

提示弹出层模式专为在用户关注时出现的工具提示式弹出层而设计。这类弹出层不是模态的，不会抢占焦点，并会在用户移开关注后关闭。将关注目标与提示弹出层模式结合，只需两个 HTML 属性就能获得原生工具提示。

原生对话框会处理焦点限制；原生弹出层会处理堆叠顺序；原生关注触发器会处理悬停意图的时间安排，并向屏幕阅读器传达元素之间的关系。用这些声明式基础能力替代自定义 JS 实现，能够稳定地提升无障碍质量。

这些功能仍在标准化过程中。确切的属性名称和命令集可能会发生变化。浏览器实现首先在 Chromium 中出现。生产环境的使用应等到命名稳定，并且至少有两种浏览器正式支持后再开始——这很可能要等到未来一两年内。

这些功能分别替代了数百万次编写和重写过的 JavaScript：对话框管理、弹出层触发器和工具提示行为。将这些模式移入 HTML 可以减小页面体积、提高一致性，并让浏览器应用优化。

Open UI 社区组（open-ui.org）推动了其中许多工作，包括提出、制作原型，并引导新的 HTML 元素和属性通过标准制定流程。请关注他们的博客，了解最新提案。

命令、关注目标、弹出层、对话框、锚点定位、视图过渡和可自定义选择框，都属于同一项连贯的努力：将组件库中的模式引入平台。每项功能单独来看都很小，但合在一起，它们代表了 HTML 用户界面词汇多年来最大的一次扩展。

请关注相关提案（open-ui.org），在启用标志的 Chromium 中进行试验，并规划在功能稳定后采用它们。请检查现有代码库：统计有多少 JS 专门用于对话框、弹出层和工具提示的基础处理。这些代码将在未来几次版本发布中成为替换目标。

按钮上的 command 属性有什么作用？

两个新兴功能扩展了 HTML 的声明式用户界面词汇：命令属性 + 命令目标属性用于由点击触发的操作（显示模态对话框、切换弹出层），关注目标属性 + 提示弹出层模式用于由悬停或聚焦触发的工具提示。两者都用 HTML 属性替代常见的 JavaScript 模式，从而改善无障碍体验并减小资源包体积。这些功能仍在演变中；请关注 Open UI 的标准化进展，并随着浏览器支持的到来逐步发布。