javascript - 在 ContentEditable DIV 中获取选定的文本？

Question

所以我的 Rails 应用程序中有一个 contenteditable div，并且需要能够在文本突出显示时在文本上方显示一个小弹出窗口。目前我有可用的代码，它会在警报中显示突出显示的文本。但是，该函数在 mouseup 上执行，因此当您单击 div 开始键入或突出显示时，它会抛出一个空警报。

这是我的代码:

function getSelected() {
    if (window.getSelection) {
        return window.getSelection();
    } else if (document.getSelection) {
        return document.getSelection();
    } else {
        var selection = document.selection && document.selection.createRange();
        if (selection.text) {
            return selection.text;
        }
        return false;
    }
}

$("#content-create-partial").bind("mouseup", function () {
    var text = getSelected();
    if (text) {
        console.log(text);
    } else {
        console.log("Nothing selected?");
    }
});

当用户点击进入 contentEditable div 时，如何防止 jQuery 执行函数？我只希望它在突出显示实际文本时执行。

Answer 1

您可以比较 window.getSelection().anchorOffset 和 window.getSelection().extentOffset 看它们是否相等。如果是，则只是一次正常的点击。