通過CSS規則禁止選中文字

wangbjun 發布于2019-08-29 12:23 / 1208人閱讀

摘要：禁止選中文字在某些場景下還是有必要的，比如不想讓他人復制自己的文章之類的。語法復制代碼代碼如下示例代碼如下兼容性目前在以及以上版本的瀏覽器可以使用這個規則，但在更早版本的，我們只能通過實現禁止選中文本代碼如下

禁止選中文字在某些場景下還是有必要的，比如不想讓他人復制自己的文章之類的。這時候我們可以通過使用CSS+JS來解決這一問題。另外，這邊要指出的是，user-select目前還不是W3C的正式標準，各個瀏覽器都是以私有屬性的方式提供支持。

語法

Formal syntax: none | text | all | element

復制代碼
代碼如下:

(-prefix-)user-select: none;
(-prefix-)user-select: text;
(-prefix-)user-select: all;
(-prefix-)user-select: element;


示例
代碼如下:

.row-of-icons {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
  /* No support for these yet,use at own risk */
-o-user-select: none;
user-select: none;
}

IE兼容性

目前在IE 10以及IE 10以上版本的瀏覽器可以使用-ms-user-select這個規則，但在更早版本的IE，我們只能通過javascript實現禁止選中文本：
代碼如下:
$(el).attr("unselectable","on")
.css({"-moz-user-select":"-moz-none",
"-moz-user-select":"none",
"-o-user-select":"none",
"-khtml-user-select":"none", /* you could also put this in a class */
"-webkit-user-select":"none",/* and add the CSS class here instead */
"-ms-user-select":"none",
"user-select":"none"
}).bind("selectstart", function(){
return false;
});

云服務器 GPU云服務器 html禁止選中屬性文字選中被選中文字設置禁止通過ip訪問

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111864.html

通過CSS規則禁止選中文字

摘要：禁止選中文字在某些場景下還是有必要的，比如不想讓他人復制自己的文章之類的。語法復制代碼代碼如下示例代碼如下兼容性目前在以及以上版本的瀏覽器可以使用這個規則，但在更早版本的，我們只能通過實現禁止選中文本代碼如下禁止選中文字在某些場景下還是有必要的，比如不想讓他人復制自己的文章之類的。這時候我們可以通過使用CSS+JS來解決這一問題。另外，這邊要指出的是，user-select目前還不是...

ChristmasBoy 2019-08-20 15:42 評論0 收藏0
Web前端開發標準規范

摘要：頁面名稱月影功能模塊，請在模塊之間加入注釋，中英文不做要求活動規則開始活動規則活動規則結束自定義函數。參考頁面前端規范 web前端開發規范的意義提高團隊的協作能力提高代碼的復用利用率可以寫出質量更高，效率更好的代碼為后期維護提供更好的支持一、命名規則命名使用英文語義化，禁止使用特殊字符，禁止使用拼音，禁止使用中英文混合！項目、目錄、html/css/js等文件命名全...

高璐 2019-08-30 15:55 評論0 收藏0
Web前端開發標準規范

摘要：頁面名稱月影功能模塊，請在模塊之間加入注釋，中英文不做要求活動規則開始活動規則活動規則結束自定義函數。參考頁面前端規范 web前端開發規范的意義提高團隊的協作能力提高代碼的復用利用率可以寫出質量更高，效率更好的代碼為后期維護提供更好的支持一、命名規則命名使用英文語義化，禁止使用特殊字符，禁止使用拼音，禁止使用中英文混合！項目、目錄、html/css/js等文件命名全...

GHOST_349178 2019-08-23 15:17 評論0 收藏0
Web前端開發標準規范

摘要：頁面名稱月影功能模塊，請在模塊之間加入注釋，中英文不做要求活動規則開始活動規則活動規則結束自定義函數。參考頁面前端規范 web前端開發規范的意義提高團隊的協作能力提高代碼的復用利用率可以寫出質量更高，效率更好的代碼為后期維護提供更好的支持一、命名規則命名使用英文語義化，禁止使用特殊字符，禁止使用拼音，禁止使用中英文混合！項目、目錄、html/css/js等文件命名全...

newtrek 2019-08-02 14:16 評論0 收藏0