Javascript/CSS禁用文本選擇

Question

我想創建一個文本按鈕，使用簡單的跨度和格式化文本並提供onclick行爲。問題出在用戶點擊按鈕時，有時會突出顯示按鈕的文本。

我想避免這種行爲，因爲它在選擇文本時看起來非常醜陋。任何CSS/JavaScript /（jQuery）我可以用來避免這種情況？

非常感謝您的時間。

Answer 1

spanid.onselectstart = function() {return false;} // ie 
spanid.onmousedown = function() {return false;} // mozilla 

在谷歌

第一個結果的方式......

額外

$('#spanid').selectstart(function(event) { 
    event.preventDefault(); 
}); 

Answer 2

你可以這樣寫：

$('#spanid').disableSelection(); 

Answer 3

的CSS解決方案：

.unselectable { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; /* Isn't Konquerour dead? */ 
    -moz-user-select: -moz-none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 

但是，looking here，CSS解決方案在2013年末還不夠，所以你應該添加一些javascript。周圍有很好的答案。