成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

wangbjun / 1219人閱讀

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

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

語(yǔ)法

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這個(gè)規(guī)則，但在更早版本的IE，我們只能通過(guò)javascript實(shí)現(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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111864.html

相關(guān)文章

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

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

    ChristmasBoy 評(píng)論0 收藏0

  • Web前端開(kāi)發(fā)標(biāo)準(zhǔn)規(guī)范

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

    高璐 評(píng)論0 收藏0

  • Web前端開(kāi)發(fā)標(biāo)準(zhǔn)規(guī)范

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

    GHOST_349178 評(píng)論0 收藏0

  • Web前端開(kāi)發(fā)標(biāo)準(zhǔn)規(guī)范

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

    newtrek 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<