HTML inert 全域性屬性

inert 全域性屬性是一個布林屬性，用於指示元素及其所有平級樹後代都將變為惰性。inert 屬性可以新增到不應互動的內容部分。當一個元素處於惰性狀態時，它及其所有後代（包括連結、按鈕和表單控制元件等通常可互動的元素）都將被停用，因為它們無法獲得焦點或被點選。inert 屬性也可以新增到應在螢幕外或隱藏的元素上。惰性元素及其後代將從焦點順序和輔助功能樹中移除。

使用 showModal() 生成的模態 <dialog> 會逃脫惰性狀態，這意味著它們不會從其祖先繼承惰性，但只能透過在其自身上明確設定 inert 屬性來使其惰性。其他任何元素都無法逃脫惰性狀態。

具體來說，inert 執行以下操作：

• 阻止使用者點選元素時觸發 click 事件。
• 透過阻止元素獲得焦點來阻止 focus 事件的觸發。
• 阻止在瀏覽器中使用查詢頁面功能時找到/匹配元素的任何內容。
• 阻止使用者選擇元素內的文字——類似於使用 CSS 屬性 user-select 來停用文字選擇。
• 阻止使用者編輯元素中任何原本可編輯的內容。
• 透過將元素及其內容從輔助功能樹中排除，將其從輔助技術中隱藏。