在開發 Web 頁面時,我們經常會使用 CSS 來美化頁面樣式。其中,有一個屬性是user-select
,它可以用于控制頁面上的文字是否可被選擇。
body { user-select: none; }
上述代碼中,我們將user-select
屬性設置為none
,這樣頁面上的所有文字都將不能被選中。這在某些情況下是非常有用的,比如當我們需要防止用戶對頁面上的文字進行復制、粘貼或截屏時。
當然,user-select
屬性值不僅僅只有none
。它還可以取其他的值:
auto
:瀏覽器自動決定哪些文字能夠被選中。text
:只有普通的文本能夠被選中。all
:所有的內容都能被選中。
“用戶選擇”(user select)是與網頁交互時的一個非?;镜牟僮?,因此user-select
屬性非常實用。但是,在使用它時要注意,它并不是所有瀏覽器都支持的。所以,如果你需要對user-select
的兼容性進行考慮,就需要在編寫頁面時為不同的瀏覽器設置不同的前綴。
下一篇js 引用vue