我已经完成了我的研究,并在 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
's innerHTML
.
在大多数情况下,这会使 DOM 和当前选择保持不变,但可能会产生一个较小的副作用:如果光标位于单个文本节点的文本中间,则该节点将被分解为两个连续的文本节点。通常这应该是无害的,但请在您的特定应用程序的上下文中记住这一点。
UPDATE:事实证明,您可以使用合并连续的文本节点Node.normalize() https://developer.mozilla.org/en-US/docs/Web/API/Node/normalize.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)