摘要:禁止選中文字在某些場景下還是有必要的,比如不想讓他人復制自己的文章之類的。語法復制代碼代碼如下示例代碼如下兼容性目前在以及以上版本的瀏覽器可以使用這個規則,但在更早版本的,我們只能通過實現禁止選中文本代碼如下
禁止選中文字在某些場景下還是有必要的,比如不想讓他人復制自己的文章之類的。這時候我們可以通過使用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; });
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/82430.html
摘要:禁止選中文字在某些場景下還是有必要的,比如不想讓他人復制自己的文章之類的。語法復制代碼代碼如下示例代碼如下兼容性目前在以及以上版本的瀏覽器可以使用這個規則,但在更早版本的,我們只能通過實現禁止選中文本代碼如下 禁止選中文字在某些場景下還是有必要的,比如不想讓他人復制自己的文章之類的。這時候我們可以通過使用CSS+JS來解決這一問題。另外,這邊要指出的是,user-select目前還不是...
摘要:頁面名稱月影功能模塊,請在模塊之間加入注釋,中英文不做要求活動規則開始活動規則活動規則結束自定義函數。參考頁面前端規范 web前端開發規范的意義 提高團隊的協作能力 提高代碼的復用利用率 可以寫出質量更高,效率更好的代碼 為后期維護提供更好的支持 一、命名規則 命名使用英文語義化,禁止使用特殊字符,禁止使用拼音,禁止使用中英文混合! 項目、目錄、html/css/js等文件命名全...
摘要:頁面名稱月影功能模塊,請在模塊之間加入注釋,中英文不做要求活動規則開始活動規則活動規則結束自定義函數。參考頁面前端規范 web前端開發規范的意義 提高團隊的協作能力 提高代碼的復用利用率 可以寫出質量更高,效率更好的代碼 為后期維護提供更好的支持 一、命名規則 命名使用英文語義化,禁止使用特殊字符,禁止使用拼音,禁止使用中英文混合! 項目、目錄、html/css/js等文件命名全...
摘要:頁面名稱月影功能模塊,請在模塊之間加入注釋,中英文不做要求活動規則開始活動規則活動規則結束自定義函數。參考頁面前端規范 web前端開發規范的意義 提高團隊的協作能力 提高代碼的復用利用率 可以寫出質量更高,效率更好的代碼 為后期維護提供更好的支持 一、命名規則 命名使用英文語義化,禁止使用特殊字符,禁止使用拼音,禁止使用中英文混合! 項目、目錄、html/css/js等文件命名全...
閱讀 2161·2021-09-04 16:40
閱讀 1452·2021-08-13 15:07
閱讀 3605·2019-08-30 15:53
閱讀 3194·2019-08-30 13:11
閱讀 1069·2019-08-29 17:22
閱讀 1811·2019-08-29 12:47
閱讀 1469·2019-08-29 11:27
閱讀 2221·2019-08-26 18:42