在前端开发中，我们常常需要操作文档上的元素。其中一个常见的需求是将焦点从一个元素转移到另一个元素上。这时就会引出一个问题：JavaScript 中是否可以更改 document.activeElement？
什么是 document.activeElement？
document.activeElement 是指当前拥有焦点的元素，也就是用户最后一次与之交互的元素。可以通过以下代码来获取当前活动元素：
const activeElement = document.activeElement;
通常情况下，document.activeElement 的默认值为 <body> 元素。
是否可以更改 document.activeElement？
答案是肯定的。我们可以使用 HTMLElement.focus() 方法将焦点转移到其他元素上。
const input = document.getElementById('input');
input.focus();在上面的示例中，我们将焦点转移到了 ID 为 input 的输入框上。此时，document.activeElement 将会返回该输入框元素。
然而，当转移焦点到某些元素上时，可能会导致不可预期的行为。比如将焦点转移到不可编辑的元素上（如 <div>）或隐藏的元素上。因此，在实际应用中，我们需要谨慎地使用 focus() 方法。
指导意义
在 Web 开发中，
document.activeElement可以帮助我们确定当前用户的操作位置。因此，在需要获取焦点元素的情况下，我们可以通过document.activeElement来快速获取。使用
HTMLElement.focus()方法可以将焦点转移到其他元素上。但是要注意不要将焦点转移到不可编辑或隐藏元素上，以免出现不可预期的行为。
总结
在 JavaScript 中，我们可以使用 HTMLElement.focus() 方法将焦点转移到其他元素上，从而更改 document.activeElement 的值。使用时需要注意转移焦点的元素是否合法，在遇到问题时可以利用 document.activeElement 来帮助定位问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25930