在網站設計中,有時我們會需要讓一些文本無法被選擇,這樣能夠保護我們的版權或者“隱私”。如果這是你想要實現的需求,那么 CSS 是一種可以幫你實現這個目的的方法。
為了禁止文本選中,我們可以設置 CSS 的 user-select 屬性為 none。這個屬性可以將指定的元素中的所有文本都禁止選中。例如:
.no-select { user-select: none; }
通過給想要禁止選中的元素加上這個 class,我們就能夠實現它的功能了。不過需要注意的是,這個屬性并不是所有瀏覽器都支持的。如果你的用戶可能會使用一些比較老舊的瀏覽器,那么你可能需要再做一些降級處理。
另外,我們還可以使用 JavaScript 來禁止文本選中。這種方法不是通過樣式來實現的,而是通過捕獲選擇事件然后取消它的默認行為來實現的。例如:
document.addEventListener('selectstart', function(e) { e.preventDefault(); });
通過這樣的方式,我們同樣可以禁止任何文本的選擇。但是需要注意的是,這種方法可能會與一些用戶操作產生沖突。比如說,如果你想讓用戶能夠進行文本的拖拽操作,那么這種方法就無法滿足你的需求了。
上一篇css鼠標響應事件經過
下一篇css網頁換膚