jquery - 文本选择禁用

Question

我正在尝试在 div 中取消选择文本，我正在使用以下代码。

style="-webkit-touch-callout: none;
       -webkit-user-select: none;
       -khtml-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;" 
       unselectable="on"
       onselectstart="return false;" 

这段代码工作完美，但它不允许我点击 div 内容并且不会将光标放在我点击 div 内容的位置。我想把光标放在我点击的地方。 Div 内容也有属性 contenteditable="true"。

有什么方法可以禁用内容选择而不是鼠标单击。

谢谢，

Answer 1

尝试检查这个DEMO哥们

JS

function makeUnselectable(node) {
    if (node.nodeType == 1) {
        node.setAttribute("unselectable", "on");
    }
    var child = node.firstChild;
    while (child) {
        makeUnselectable(child);
        child = child.nextSibling;
    }
}

makeUnselectable(document.getElementById("foo"));

这是你要找的吗？