全是好东西！HTML command属性和JS toggle事件
本文介绍了HTML的新属性command和commandfor，用于触发元素的内置方法。command属性设置在按钮元素上，通过commandfor属性以ID关联目标元素，调用其DOM方法，例如使用command="show-modal"显示dialog弹框。对于自定义行为，需监听command事件，使用如"--radius"的命令名称来触发。文章测试了兼容性，发现commandfor已获主流浏览器支持。接着讨论了JS的toggle事件，包括beforetoggle和toggle事件类型，适用于Popover、dialog和details元素的状态变化。事件对象提供newState和oldState属性来判断显示或隐藏状态。新增的event.source属性可返回触发事件的目标元素，但仅在command指令触发时有效，其他关闭方式返回null。文章建议通过submit事件或cancel事件来区分弹框关闭来源。整体以教程形式呈现，包含代码示例和实时渲染效果，帮助开发者理解和应用这些前端新特性，增强UI交互能力。