本文介绍了可持续编辑的Div-根据innerHTML位置表示的光标位置的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我做了研究，在StackOverflow上遇到了这些问题，人们问了同样的问题，但问题是他们想要以x和y坐标或从左侧开始的列的形式获得位置。我想知道光标相对于div的innerHTML的位置。
例如：
innerHTML = "This is the innerHTML of the <b>div</b> 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位置表示的光标位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！