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


Posted in HTML / CSS onJuly 19, 2016

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

XML/HTML Code复制内容到剪贴板
  1. *{   
  2.     -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
  3.     -webkit-user-select:none; /*webkit浏览器*/   
  4.     -khtml-user-select:none; /*早期浏览器*/   
  5.     -moz-user-select:none;/*火狐*/   
  6.     -ms-user-select:none; /*IE10*/   
  7.     user-select:none;   
  8. }  

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

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

XML/HTML Code复制内容到剪贴板
  1. input {      
  2.      -webkit-user-select:auto; /*webkit浏览器*/     
  3. }  

这样就可以了,有什么不正确的地方请大神,指点出来;相互学习,互相进步!

HTML / CSS 相关文章推荐
css3 给页面加个半圆形导航条主要利用旋转和倾斜样式
Feb 10 HTML / CSS
CSS3中线性颜色渐变的一些实现方法
Jul 14 HTML / CSS
实例讲解使用CSS实现多边框和透明边框的方法
Sep 08 HTML / CSS
canvas烟花特效锦集
Jan 17 HTML / CSS
html5教程制作简单画板代码分享
Dec 04 HTML / CSS
HTML5添加鼠标悬浮音响效果不使用FLASH
Apr 23 HTML / CSS
html5 datalist标签使用示例(自动完成组件)
May 04 HTML / CSS
浅谈利用缓存来优化HTML5 Canvas程序的性能
May 12 HTML / CSS
HTML5到底会有什么发展?HTML5的前景展望
Jul 07 HTML / CSS
html5实现移动端适配完美写法
Nov 16 HTML / CSS
HTML5中的网络存储实现方式
Apr 28 HTML / CSS
CSS 实现多彩、智能的阴影效果
May 12 HTML / CSS
HTML5 Web 存储详解
Sep 16 #HTML / CSS
HTML5移动开发图片压缩上传功能
Nov 09 #HTML / CSS
纯HTML5+CSS3制作生日蛋糕代码
Nov 16 #HTML / CSS
HTML5地理定位与第三方工具百度地图的应用
Nov 17 #HTML / CSS
解决img标签上下出现间隙的方法
Dec 14 #HTML / CSS
HTML5-WebSocket实现聊天室示例
Dec 15 #HTML / CSS
详解HTML5通讯录获取指定多个人的信息
Dec 20 #HTML / CSS
You might like
部署PHP项目应该注意的几点事项分享
2013/12/20 PHP
以文件形式缓存php变量的方法
2015/06/26 PHP
Laravel框架实现发送短信验证功能代码
2016/06/06 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
php opendir()列出目录下所有文件的实例代码
2016/10/02 PHP
Yii2实现自定义独立验证器的方法
2017/05/05 PHP
laravel实现按时间日期进行分组统计方法示例
2019/03/23 PHP
jquery垂直公告滚动实现代码
2013/12/08 Javascript
最通俗易懂的javascript变量提升详解
2017/08/05 Javascript
js使用原型对象(prototype)需要注意的地方
2017/08/28 Javascript
JavaScript+H5实现微信摇一摇功能
2018/05/23 Javascript
vue移动端项目缓存问题实践记录
2018/10/29 Javascript
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
微信小程序8种数据通信的方式小结
2020/02/03 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
Vue如何实现监听组件原生事件
2020/07/03 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
Vue+penlayers实现多边形绘制及展示
2020/12/24 Vue.js
Python编程实现使用线性回归预测数据
2017/12/07 Python
python一行sql太长折成多行并且有多个参数的方法
2018/07/19 Python
python实现将汉字保存成文本的方法
2018/11/16 Python
python+selenium 定位到元素,无法点击的解决方法
2019/01/30 Python
Python实现定期检查源目录与备份目录的差异并进行备份功能示例
2019/02/27 Python
python elasticsearch环境搭建详解
2019/09/02 Python
Python系统公网私网流量监控实现流程
2020/11/23 Python
HTML5 video播放器全屏(fullScreen)方法实例
2015/04/24 HTML / CSS
百联网上商城:i百联
2017/01/28 全球购物
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
普罗米修斯教学反思
2014/02/06 职场文书
带病坚持工作事迹
2014/05/03 职场文书
学校教研活动总结
2014/07/02 职场文书
“四风”问题整改措施和努力方向
2014/09/20 职场文书
离婚协议书范文2014
2014/10/16 职场文书
2016医师资格考试考生诚信考试承诺书
2016/03/25 职场文书
教你使用一行Python代码玩遍童年的小游戏
2021/08/23 Python
MySQL transaction事务安全示例讲解
2022/06/21 MySQL