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内容也有at contenteditable="true"。

有什么方法可以禁用内容选择但不能点击鼠标。

谢谢，

Answer 1

请检查此DEMO homie

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"));

这是你要找的吗？

文本选择禁用

1 个答案: