HTML inert 全局属性

inert 全局属性是一个表示该元素及其所有平级树后代变为惰性的布尔属性。使用 showModal() 生成的模态 <dialog> 不会继承自其祖先的惰性状态，而是只能通过显式设置自身 inert 属性来使其成为惰性的。

具体来说，inert 做了这些事情：

• 防止用户点击元素时触发 click 事件。
• 通过阻止元素获得焦点，防止触发 focus 事件。
• 防止元素中的任何内容在使用浏览器的“在页面中查找”功能时被找到或匹配。
• 防止用户在元素内选择文本——类似于使用 CSS 属性 user-select 来禁用文本选择。
• 防止用户编辑元素中本可编辑的任何内容。
• 通过将元素及其内容排除在无障碍树之外，使其对辅助技术不可见。

<div inert>
  <!-- 内容 -->
</div>

inert 属性可用于标记不应具有交互性的内容区域。当元素被设置为 inert 时，该元素及其所有后代元素（包括通常具有交互性的元素，如链接、按钮和表单控件）将被禁用，因为它们无法获得焦点或被点击。

inert 属性还可以添加到应处于屏幕外或隐藏状态的元素上。当元素处于 inert 状态时，该元素及其所有后代元素将从标签顺序和无障碍树中移除。