亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

通過CSS規(guī)則禁止選中文字

wangbjun / 1262人閱讀

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

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

語法

Formal syntax: none | text | all | element

復(fù)制代碼
代碼如下:

(-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這個規(guī)則，但在更早版本的IE，我們只能通過javascript實現(xiàn)禁止選中文本：
代碼如下:
$(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;
});

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/111864.html

相關(guān)文章

  • 通過CSS規(guī)則禁止選中文字

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

    ChristmasBoy 評論0 收藏0

  • Web前端開發(fā)標準規(guī)范

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

    高璐 評論0 收藏0

  • Web前端開發(fā)標準規(guī)范

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

    GHOST_349178 評論0 收藏0

  • Web前端開發(fā)標準規(guī)范

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

    newtrek 評論0 收藏0

發(fā)表評論

0條評論

wangbjun

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<