我做了研究,在StackOverflow上遇到了这些问题,人们问了同样的问题,但问题是他们想要以x和y坐标或从左侧开始的列的形式获得位置。我想知道光标相对于div的innerHTML的位置。
例如:
innerHTML = "This is the innerHTML of the div and bla bla bla..."
^
Cursor is here
所以我希望这个例子的结果是44。怎么做?
var target = document.createTextNode("u0001");
document.getSelection().getRangeAt(0).insertNode(target);
var position = contentEditableDiv.innerHTML.indexOf("u0001");
target.parentNode.removeChild(target);
这会临时插入一个包含不可打印字符(u0001
)的虚拟文本节点,然后在div
的innerHTML
中查找该字符的索引。
更新:原来您可以使用Node.normalize()
合并连续的文本节点。
这篇关于可持续编辑的Div-根据innerHTML位置表示的光标位置的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持吉威生活!
[英文标题]Contenteditable Div - Cursor position in terms of innerHTML position
声明:本媒体部分图片、文章来源于网络,版权归原作者所有,如有侵权,请联系QQ:330946442删除。