多年龙8国际官网建设经验,专业龙8国际官网设计公司龙8国际官网制作公司关于龙8国际 | 客户服务欢迎来到龙8国际官网建设公司龙8国际!
年轻,更要脱颖而出
对于网站建设,龙8国际有活力,有态度
龙8国际的优势: 专业网络公司,网站设计师量身定制 配备阿里云主机,BGP多线,高速访问 保障网站数据稳定、安全 免费提供快速ICP备案 承诺24小时快速解决网站问题

HTML5对于手机页面长按会粘贴复制的禁用方法

更新时间:2018-08-25 10:55  已阅读: 次 |  作者:龙8国际  来源:龙8国际官网建设
HTML5对于手机页面长按会粘贴复制的禁用方法:

直接在CSS 文件中添加下面的代码,就可以实现了在手机端禁止粘贴复制的功能: 

*{ 
-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; 这个属性造成的。 

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

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


这样就可以了,以上内容由龙8国际官网建设公司龙8国际编辑。

文章引用:/news/webzhishi/1134.html
龙8国际官网建设
电话咨询
0532-80632602
186-532-19163
龙8国际官网制作
龙8国际官网建设手机站
返回顶部