UPDATE
我已经编写了一个更简单的版本,该版本也可以在IE <9中使用:
[https://stackoverflow.com/a/4812022/96100]
旧答案
这实际上是比整个文档文本中的字符偏移量更有用的结果:DOM Range的startOffset属性(即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;
}