零基础建站培训教程介绍

当前位置:

移动端网站怎么禁止复制代码

在之前的建站教程中,我们介绍了怎么制作手机网站。手机移动端网站通过长按就可以实现复制的功能。如果我们做网站时不想让自己网站内容被复制,应该怎么操作呢?

移动端网站怎么禁止复制代码

方法很简单,只要通过在网站的CSS样式文件里,添加以下的CSS样式。


*{  
      -webkit-touch-callout:none;  /*系统默认菜单被禁用*/  
      -webkit-user-select:none; /*webkit浏览器*/  
      -khtml-user-select:none; /*早期浏览器*/  
      -moz-user-select:none;/*火狐*/  
      -ms-user-select:none; /*IE10*/  
      user-select:none;  
}
input{  
    -webkit-user-select:auto; /*webkit浏览器*/    
}
textarea{
    -webkit-user-select:auto; /*webkit浏览器*/
}

通过添加这个CSS样式就可以屏蔽手机移动端网站复制代码的功能。(相关教程:网站如何防止别人右键复制(附代码)

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关教程

学做网站论坛零基础学建网站课程