Javascript/jQuery:重新聚焦其中包含子元素的可内容编辑的 div
我的目标: 我正在检测内容可编辑字段中键入的哈希标签。我希望能够删除键入的哈希标签,将其附加到另一个容器并将选择重新集中在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我可能已经使用这篇文章中的代码破解了它:
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