在網頁開發中,有時候我們需要讓一些內容不能被選中,比如一些版權聲明或者禁止復制的內容等。這時候,CSS的user-select屬性就可以派上用場了。
/*禁止選中頁面所有內容*/ body{ user-select:none; } /*禁止選中指定類名下的內容*/ .no-select{ user-select:none; }
這里的user-select屬性可以設置為none、auto、text、contain等值。其中,none表示不能被選中,auto表示默認情況,text表示只能選中文本內容,而contain表示只能選中可編輯區域內的內容。
此外,還可以使用JavaScript來實現禁止選中內容的效果:
document.onselectstart=function(){ return false; }
但是需要注意的是,以上方法只是防止了鼠標選擇文本,但是用戶仍然可以通過鍵盤等操作復制內容,這時候需要結合其他限制措施來實現真正的禁止復制效果。