在 JavaScript 中，关闭焦点可通过调用元素的 blur() 方法实现，具体步骤和注意事项如下：
获取当前聚焦元素使用 document.activeElement 定位到已获得焦点的 DOM 元素。
调用 blur() 方法在目标元素上执行 blur()，立即移除焦点。
元素类型限制blur() 仅对可聚焦元素有效，例如：
✅ 有效：<input>、<textarea>、<select>、[contenteditable]。
❌ 无效：<div>（非可编辑）、<button>、<img>。
动态元素处理若元素是动态生成的，需确保在调用 blur() 前元素已存在于 DOM 中。例如：
用户体验优化强制移除焦点可能干扰用户操作，建议配合提示或限制使用场景（如表单验证失败时）。
Q：为什么 blur() 对某些元素无效？A：检查元素是否支持焦点（如非输入类元素），或是否被禁用（disabled 属性）。
Q：如何移除整个文档的焦点？A：直接调用 document.activeElement.blur()，但需确保当前有聚焦元素。
结合 focus() 实现焦点切换
防止默认聚焦行为在页面加载时阻止自动聚焦：
通过以上方法，可以灵活控制页面中的焦点状态，提升交互的精准性。
