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的文字阴影—text-shadow的使用方法
Dec 25 HTML / CSS
css3 给页面加个半圆形导航条主要利用旋转和倾斜样式
Feb 10 HTML / CSS
利用CSS3实现折角效果实例源码
Sep 28 HTML / CSS
css3遮罩层镂空效果的多种实现方法
May 11 HTML / CSS
HTML5进度条特效
Dec 18 HTML / CSS
使用HTML5 Canvas API绘制弧线的教程
Mar 22 HTML / CSS
HTML5本地存储之IndexedDB
Jun 16 HTML / CSS
html5通过postMessage进行跨域通信的方法
Dec 04 HTML / CSS
浅谈关于html5中图片抛物线运动的一些心得
Jan 09 HTML / CSS
HTML5离线应用与客户端存储的实现
May 03 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
Nov 19 HTML / CSS
CSS3实现模糊背景的三种效果示例
Mar 30 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实现MySQL更新记录的代码
2008/06/07 PHP
php下连接ftp实现文件的上传、下载、删除文件实例代码
2010/06/03 PHP
PHP 验证码的实现代码
2011/07/17 PHP
PHP IF ELSE简化/三元一次式的使用
2011/08/22 PHP
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
单台服务器的PHP进程之间实现共享内存的方法
2014/06/13 PHP
php对数组内元素进行随机调换的方法
2015/05/12 PHP
php实现购物车功能(上)
2020/07/23 PHP
javascript XMLHttpRequest对象全面剖析
2010/04/24 Javascript
关于Javascript模块化和命名空间管理的问题说明
2010/12/06 Javascript
jQuery的context属性用法实例
2014/12/27 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
KnockoutJS 3.X API 第四章之click绑定
2016/10/10 Javascript
js注册时输入合法性验证方法
2017/10/21 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
2019/08/12 Javascript
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
Vue中ref和$refs的介绍以及使用方法示例
2021/01/11 Vue.js
编写Python爬虫抓取豆瓣电影TOP100及用户头像的方法
2016/01/20 Python
Python黑魔法Descriptor描述符的实例解析
2016/06/02 Python
Python自定义简单图轴简单实例
2018/01/08 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
使用python实现飞机大战游戏
2020/03/23 Python
Python3.9.1中使用match方法详解
2021/02/08 Python
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
俄罗斯最大的在线珠宝大卖场:Nebo
2019/12/08 全球购物
公务员总结性个人自我评价
2013/12/05 职场文书
《母鸡》教学反思
2014/02/25 职场文书
自我鉴定总结
2014/03/24 职场文书
专题组织生活会方案
2014/06/15 职场文书
班级体育活动总结
2014/07/05 职场文书
计划生育证明书写要求
2014/09/17 职场文书
工作简历自我评价
2015/03/11 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
老干部局2015年度工作总结
2015/10/22 职场文书
2016年父亲节寄语
2015/12/04 职场文书
Python基础之常用库常用方法整理
2021/04/30 Python