CSS禁止选择文本功能

浏览数：45 / 时间：2015年06月09日

有时候，我们为了用户体验，需要禁用选择文本功能。
这需要用到一个CSS属性：user-select，user-select的文档点这里

user-select有两个值：
none：用户不能选择文本
text：用户可以选择文本

需要注意的是：user-select并不是一个W3C的CSS标准属性，浏览器支持的不完整，需要对每种浏览器进行调整

body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}

 

IE6-9还没发现相关的CSS属性，只能通过JS来实现





//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}






 


原文地址： CSS禁止选择文本功能（兼容IE,火狐等浏览器）


 








这样我们就可以结合CSS和JS的方法来禁用浏览器的文本选择功能了


          

            

              
              郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
            

          


          


          

            标签： 
            class
            
            style
            
            java
            
            html
            
            com
            
            log
            
            方法
            
            http
            
            js
            
            class
            
            style
            
            java
            
            html
            
            com
            
            log
            
            方法
            
            http
            
            js
            
            
            
          


          

            

              
相关文章

              
    
                
              

            

            

              
随机文章

              
            

          



          

            

              
您可能还喜欢

              
    
                
              

            


            

              
您可能还喜欢