破解网站禁止复制页面内容和图片(HTML5对手机页面长按会粘贴复制禁用的解决方法的相关资料)

优采云 发布时间: 2021-12-19 16:02

  破解网站禁止复制页面内容和图片(HTML5对手机页面长按会粘贴复制禁用的解决方法的相关资料)

  本文文章主要介绍HTML5手机页面长按会粘贴、复制和禁用解决方案的相关信息。非常好,有参考价值。有需要的朋友可以参考。

  解决方法如下:

  直接在CSS文件中添加如下代码,实现手机禁止粘贴复制功能: XML/HTML 代码复制内容到剪贴板

  *{

  -webkit-touch-callout:无;/*系统默认菜单被禁用*/

  -webkit-user-select:none; /*webkit浏览器*/

  -khtml-user-select:none; /*早期浏览器*/

  -moz-user-select:none;/*Firefox*/

  -ms-user-select:none; /*IE10*/

  用户选择:无;

  }

  添加这段代码后,在IOS上就会出现问题。这时候你会发现输入框无法输入内容;原因是 -webkit-user-select:none; 这个属性引起的。

  解决这个问题的方法是同时在css文件中设置input属性,如下图: XML/HTML 代码复制内容到剪贴板

  输入 {

  -webkit-user-select:auto; /*webkit浏览器*/

  }

  而已。有什么不对的地方还请各位大神指点;互相学习,共同进步!

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线