HTMLButtonElement:命令属性
HTMLButtonElement 接口的 command 属性用于获取或设置按钮元素关联的命令操作。该属性返回一个字符串,表示按钮被点击时将会执行的命令名称,例如 "show-modal"、"toggle-popover" 等。通过读取或设置此属性,开发者可以动态控制按钮触发的内置或自定义行为。
背景速读
- 这是一篇 MDN Web Docs(Mozilla 维护的权威 Web 开发参考文档)的技术条目,介绍 HTMLButtonElement 接口上的 command 属性。
- HTMLButtonElement 对应的是 HTML 中的 <button> 元素。command 属性是较新的 Web 标准特性,允许开发者通过 JavaScript 读取或设置按钮的“命令”行为(例如触发浏览器原生操作,如复制、粘贴、全屏等),类似于 <button command="..."> 属性的编程接口。
- 该属性属于“Invoker Commands”规范的一部分,旨在让按钮直接调用浏览器内置的 command actions,无需手动编写事件监听器。目前(2025 年)仍属于实验性功能,浏览器兼容性有限。
- 了解此属性对于关注 Web 平台新原生能力的开发者有意义,特别是希望减少 JavaScript 样板代码、利用浏览器内置交互机制的场景。