本文摘自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 |
|
在添加完这段代码后,在IOS 上会有问题的,这个时候你会发现input 框无法正在输入了内容了;造成这个原因就是 -webkit-user-select:none; 这个属性造成的。
相关阅读 >>
在Html的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同
Html5 meter标签什么意思?meter标签的用法详解
Html li标签是干嘛的?Html li标签用法和属性的介绍
更多相关阅读请进入《Html》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者