当前位置：文江博客话题详情

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

发布于 2024-12-13 12:08:12 字数 351 浏览 0 评论 0原文

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

·深蓝 2024-12-20 12:08:12

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

回复收藏 0 原文

高冷爸爸 2024-12-20 12:08:12

好吧，重新聚焦（使用 focus()）是一回事，但您还希望将用户的光标保持在同一位置（如果他做出了选择，也可能是他当前的选择）。不过，使用 document.selection/range API 是可能的，请参阅 https://developer.mozilla.org/en/DOM/range 。

此链接描述了在 IE 中使用该 API 的解决方案（略有不同的问题）。

回复收藏 0 原文

高冷爸爸 2024-12-20 12:08:12

您只需在移动所有内容后重置焦点即可。

使用。

.focus()

移动后在您的文本区域上

You only have to reset the focus after you move everything.

Use

.focus()

On your textArea after the move.

回复收藏 0 原文

娇柔作态 2024-12-20 12:08:12

将文本区域附加到 div 后，您只需在文本区域上调用焦点即可，如 fiddle

< HTML

<textarea id="test">test</textarea>

JAVASCRIPT

var textarea = document.getElementById('test');

setTimeout(function(){
    var div = document.createElement('div');
    document.body.appendChild(div);
    div.appendChild(textarea);
    textarea.focus();
    console.log('appended');
},2000);

After appending the textarea to the div you simply have to call focus on the textarea, demonstrated in this fiddle

HTML

<textarea id="test">test</textarea>

JAVASCRIPT

var textarea = document.getElementById('test');

setTimeout(function(){
    var div = document.createElement('div');
    document.body.appendChild(div);
    div.appendChild(textarea);
    textarea.focus();
    console.log('appended');
},2000);

回复收藏 0 原文

~没有更多了~