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

資訊專欄INFORMATION COLUMN

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

ChristmasBoy / 3106人閱讀

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

禁止選中文字在某些場景下還是有必要的，比如不想讓他人復制自己的文章之類的。這時候我們可以通過使用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這個規(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;
});

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

轉載請注明本文地址：http://systransis.cn/yun/82430.html

相關文章

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

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

    wangbjun 評論0 收藏0

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

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

    高璐 評論0 收藏0

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

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

    GHOST_349178 評論0 收藏0

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

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

    newtrek 評論0 收藏0

發(fā)表評論

0條評論

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