"inert 属性：模态层的焦点隔离与交互安全"

概述`inert` 使元素及其子树不可聚焦与不可点击，浏览器会忽略事件与可达性树中的节点，有助于模态层弹出时隔离背景内容，避免焦点逃逸与误操作。用法在背景容器上设置：`document.querySelector('#app').inert = true`；关闭模态后移除。与 Popover/对话框协作：弹出时将除模态层外的区域设为 inert，确保键盘与读屏仅访问弹出层［参考1］。工程与可访问性配合 `aria-hidden` 与焦点陷阱确保一致性；为关闭按钮与 Esc 键提供可达的退出路径。性能：批量设置 inert 时避免频繁 DOM 重写；按容器层级挂载。参考与验证［参考1］MDN 英文：`inert` 属性说明与行为：https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inert［参考2］web.dev：`inert` 与模态可达性与焦点管理指南：https://web.dev/articles/inert关键词校验关键词与 inert 焦点隔离一致。