从光标位置获取 contentEditable Div 中键入的单词

Question

我一直在不停地阅读，试图完成这件事，并找到了许多接近的答案，但没有雪茄。这是我的场景：

我正在尝试编写一个 jQuery 插件，使其像智能感知编辑器一样为我的用户提供关键字、数据类型和可能的方法。这感觉就像 IDE 中的 codeComplete。

我需要获取输入的部分单词，以便在关键字数组中进行查找并找到匹配项以填充到下拉列表中。在我发现一些错误之前，一切都运行得很好。

我有一个 contentEditable DIV，需要获取光标位置。我在我之前提到的一个答案中慷慨地提供了一些代码：

function getCursorPos() {
var cursorPos = 0;
if (window.getSelection) {
    var selObj = window.getSelection();
    var selRange = selObj.getRangeAt(0);
    cursorPos = findNode(selObj.anchorNode.parentNode.childNodes, selObj.anchorNode) + selObj.anchorOffset; /* FIXME the following works wrong in Opera when the document is longer than 32767 chars */
    //alert(cursorPos);
}
else if (document.selection) {
    var range = document.selection.createRange();
    var bookmark = range.getBookmark(); /* FIXME the following works wrong when the document is longer than 65535 chars */
    cursorPos = bookmark.charCodeAt(2) - 11; /* Undocumented function [3] */
    //alert(cursorPos);
}
return cursorPos; }

function findNode(list, node) {
for (var i = 0; i < list.length; i++) {
    if (list[i] == node) {
        return i;
    }
}
return -1; }

我看到的问题是范围+偏移量适用于大约 7-8 个字符，然后空格和其他字符似乎停止光标“前进”，然后我的整个 getWord() 函数都被抛弃了。

有人可以帮我解释一下吗？也许我没有使用对我的具体情况有帮助的代码。我花了几天时间试图理解 Range 和 SelectionRange 对象，这让我发疯。 :)