html怎么禁止复制粘贴


本文摘自PHP中文网,作者青灯夜游,侵删。

在html中,可以利用touch-callout和user-select属性来属性禁止复制粘贴功能,只需要设置“user-select:none;-webkit-touch-callout:none;”样式即可。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

小伙伴们在开发的时候偶尔会遇到这样的需求,客户要求文章页禁止复制和粘贴,实现这个功能代码如下 (可同时实现PC端和手机端):

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

*{

 

-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;

 

}

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

阅读剩余部分

相关阅读 >>

关于Html页面跳转传递参数问题解答

Html的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同

Html字体怎么加粗

Html samp标签怎么用

Html使用什么来描述网页?

Html5 meter标签什么意思?meter标签的用法详解

Html li标签是干嘛的?Html li标签用法和属性的介绍

Html怎么实现进度条

Html a标签是怎么使用的?Html a标签的使用总结

css中文字相关属性的介绍

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...