現象:html中可能有些地方不想讓用戶復制文字,或是用a標簽做了個點擊按鈕,點快的時候文字會被選中,很丑,這個時候可以使用下面的方案禁止文字選中。
原因:鼠標點快了。
解決方案:
不同的瀏覽器設置的內容不一樣,user-select不是一個W3C的標准,瀏覽器的支持不完成,需要對不同的瀏覽器進行調整。
body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit瀏覽器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期瀏覽器*/
user-select: none;
}
user-select有2個值(none表示不能選中文本,text表示可以選擇文本)
IE6-9還沒發現相關的CSS屬性
//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}
