Shadow DOM Focus Delegation: Getting delegatesFocus Right

Shadow DOM Focus Delegation: Getting delegatesFocus Right

摘要

delegatesFocus是Shadow DOM中简化焦点管理的利器。它自动将点击事件转发到影子根内的首个可聚焦元素，让宿主元素匹配:focus和:focus-within伪类，避免焦点滞留问题。适用于单一焦点目标的简单封装组件，如按钮、输入框等。使用时无需手动调用focus()，但需避免为宿主添加tabindex，以免破坏键盘导航。Lit组件可通过shadowRootOptions轻松启用该特性。