我有一个contenteditable div,里面有一个span。div是输入类型。 div还在右上角包含一个按钮。当您单击按钮时,弹出菜单会显示表情符号列表,当我单击图标时,我需要将其添加到div中的光标位置。我看过Tim Down的解决方案,但无法让它发挥作用。 Get caret (cursor) position in contentEditable area containing HTML content
和
Insert html at caret in a contenteditable div
问题是div不是页面上的唯一元素,并且当用户单击按钮以插入Emoticon时,div不一定是焦点。除了span标记之外,当用户单击按钮时,div可能包含也可能不包含文本。
任何有助于获得正确光标位置并在该位置插入图标的帮助表示赞赏。