html修改光标出现位置,获取包含HTML内容的contentEditable区域中的插入符（光标）位置...

UPDATE

我已经编写了一个更简单的版本，该版本也可以在IE <9中使用：

https://stackoverflow.com/a/4812022/96100

旧答案

实际上，这比整个文档文本中的字符偏移量更有用：startOffsetDOM Range 的属性(window.getSelection().getRangeAt()返回的内容)是相对于其startContainer属性的偏移量(不一定是文本节点)方式)。但是，如果您确实想要字符偏移量，可以使用以下函数来实现。

这是一个实时示例：http : //jsfiddle.net/timdown/2YcaX/

功能如下：

function getCharacterOffsetWithin(range, node) {

var treeWalker = document.createTreeWalker(

node,

NodeFilter.SHOW_TEXT,

function(node) {

var nodeRange = document.createRange();

nodeRange.selectNode(node);

return nodeRange.compareBoundaryPoints(Range.END_TO_END, range) < 1 ?

NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;

},

false

);

var charCount = 0;

while (treeWalker.nextNode()) {

charCount += treeWalker.currentNode.length;

}

if (range.startContainer.nodeType == 3) {

charCount += range.startOffset;

}

return charCount;

}