2015-10-20 107 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")); 

這是你找什麼?