2015-10-20 83 views
0

我想在div中使文本unselectale,我使用以下代码。文本选择禁用

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

有没有什么办法可以禁用内容选择而不是鼠标点击。

感谢,

+0

可以告诉我你的jsfiddle – Fiido93

+2

可能的重复[如何使HTML文本取消选择](http://stackoverflow.com/questions/2310734/how-to-make-html-text-unselectable) –

回答

0

尽量检查这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")); 

这是你找什么?