Javascript/jQuery:重新聚焦其中包含子元素的可内容编辑的 div

发布于 2024-10-28 11:55:38 字数 398 浏览 2 评论 0原文

我的目标: 我正在检测内容可编辑字段中键入的哈希标签。我希望能够删除键入的哈希标签,将其附加到另一个容器并将选择重新集中在 contenteditable div 上,就好像什么也没发生一样。

我的问题: 只要 contenteditable div 中没有子元素,此方法就有效,但如果有子元素,则焦点不会恢复。我想我需要一种先进的方法来聚焦插入符。到目前为止,这仅在 Chrome 中进行了测试。

我的示例: http://jsbin.com/owoto4/5/edit

非常感谢帮助!

My Aim:
I am detecting hash tags within a content editable field as they are typed. I want to be able to remove a hash tag a it is typed, append it to another container and refocus selection on the contenteditable div as if nothing happened.

My Problem:
This works so long as there are no child elements within the contenteditable div but focus is not restored if there are children. I think I need an advanced method of focusing the caret. This has only been tested in Chrome so far.

My Example: http://jsbin.com/owoto4/5/edit

Help greatly appreciated!

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

半葬歌 2024-11-04 11:55:38

我可能已经使用这篇文章中的代码破解了它:
contenteditable,在文本末尾设置插入符号(跨浏览器)

现在查看我的示例:http://jsbin.com/owoto4/ 5/编辑

I may have cracked it by using code from this post:
contenteditable, set caret at the end of the text (cross-browser)

See my example now: http://jsbin.com/owoto4/5/edit

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文