首頁 > 開發者 > JavaScript
css禁止選中指定文本代碼執行個體，css禁止文本執行個體
css禁止選中指定文本代碼執行個體:
在實際編碼中可能有這樣的需求，那就禁止指定的元素可以被選中，下面就通過代碼執行個體介紹一下如何?此效果。代碼如下:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>螞蟻部落</title><style type="text/css">div{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; width:150px; height:100px; background:#ccc; margin:0px auto; font-size:12px;}</style></head><body><div>螞蟻部落歡迎您，只有努力奮鬥才會有美好的未來。</div></body></html>
上面的代碼實現了禁止選中div中元素的效果，不過在當前來說此代碼還是有缺陷的，因為IE9以下的瀏覽器並不支援，需要用javascript做一下處理才能夠相容所有的主流瀏覽器，具體可以參閱相容所有瀏覽器的禁止選中文本代碼執行個體一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=14514
更多內容可以參閱:http://www.softwhy.com/divcss/
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
