原文地址：http://www.cnblogs.com/hkx520/p/7617410.html

有時候，為了讓使用者有更好的體驗，需要禁用掉文字選中功能

比如：使用a標籤模擬按鈕，如果不禁用掉文字選中功能，那麼雙擊時會選中文字，用起來很不爽。

多數情況下，只需要使用CSS樣式就可以實現這個功能啦：

body{
  -o-user-select: none;
  -moz-user-select: none; /*火狐 firefox*/
  -webkit-user-select: none; /*webkit瀏覽器*/
  -ms-user-select: none; /*IE10+*/
  -khtml-user-select :none; /*早期的瀏覽器*/
  user-select: none; 
}
 

 user-select有四個值：

　　none：文字不能被選擇

　　text：可以選擇文字

　　all：當所有內容作為一個整體時可以被選擇。如果雙擊或者在上下文上點選子元素，那麼被選擇的部分將是以該子元素向上回溯的最高祖先元素。

　　element：可以選擇文字，但選擇範圍受元素邊界的約束

值得注意的是：IE6-9目前需要通過JavaScript來實現：

document.body.onselectstart = document.body.ondrag = function(){
 　 return false;
}