UPDATE

我已經(jīng)編寫了一個(gè)更簡(jiǎn)單的版本，該版本也可以在IE <9中使用：

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

舊答案

這實(shí)際上是比整個(gè)文檔文本中的字符偏移量更有用的結(jié)果：DOM Range的startOffset屬性(即window.getSelection().getRangeAt()返回的值)相對(duì)于其startContainer屬性(不一定總是文本)具有偏移量 節(jié)點(diǎn))。 但是，如果您確實(shí)想要字符偏移量，可以使用以下函數(shù)來實(shí)現(xiàn)。

這是一個(gè)實(shí)時(shí)示例：[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;

}

總結(jié)

以上是生活随笔為你收集整理的html页面光标坐标值,javascript-在包含HTML内容的contentEditable区域中获取插入符（光标）的位置...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。