在html中,可以利用touch-callout和user-select属性来属性禁止复制粘贴功能,只需要设置“user-select:none;-webkix g ! E ] # n `t-touch-callout:none;”样式即可。

本教程操作环境:wind( w ] z k oows7系统、CSS3&&HTMLE A f ,5版、Dell G3电脑。

小伙伴们在X D 8 L u = n开发的时候偶M . [尔会遇到这样的需求,客户要求文章页禁止复制和粘贴,实现这个功能代码y : W 5 P 4 ~如下 (可同时实现PC端和手机端):

*{
-webkit-f 0 * # O (touch-calZ ? O 2 o ; Glout:none; /*系统默认菜单被禁用*/
-webkit-user-select:nonY 4 + # 1 ae; /*webkit浏览器*/
-khtml-user-select:none; /*早期浏览器*/
-moz-user-select:none;/*火狐*/
-ms-user-select:none; /*IE10*/
user-select:none;
}

在添加完这段代码后,在IOS 上会有问题的,这个时候你会发现input 框无法正在输入了内容了;造成这个原因就是 -webkit-usera 5 j-select:none; 这E P z {个属性造成^ f h j 9 E .的。

解决这个方法 就是 在css 文件中同时设置一下input 的属性,如下所示:

input {
-webkit-user-selecN N k 5 |t:auto; /*web= 7 ` 4 , rkit浏览器*/
}

推荐教程:《html视频教程》

O } } w ( Y ?上就是html怎么禁止复制粘贴的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

发表评论

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