javascript - 我可以在保持焦点的同时移动 DOMElement 吗？

Question

假设我有一个带有 textarea 的简单 HTML 页面，我想将该 textarea 包装在一个 DIV 中。但是，这并不总是在启动/页面加载时发生，因此用户可能会专注于该区域，甚至正在打字。

我可以通过创建一个 DIV 移动/包裹该区域，将其附加到 textarea 的父级，然后将 textarea 放入其中，效果很好.但是，当我这样做时，焦点会从 textarea 中移除，如果用户正在打字，他们就会生气。

如何在不打扰用户的情况下移动 textarea 的 DOM 节点？这可能吗？

Answer 1

根据浏览器的不同，您可以使用 document.activeElement 确定哪个元素具有焦点。在执行移动之前保存该值，然后在文本区域中使用 .focus() 将焦点重新设置为与您保存的元素相同的元素。