破解网站禁止复制页面内容和图片(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浏览器*/
}
而已。有什么不对的地方还请各位大神指点;互相学习,共同进步!