html5 在移动端禁止页面缩放和选中复制

原创 2015年11月20日 10:01:40

最近在开发过程中,遇到客户提出移动端禁止页面缩放和禁止长按选中复制等属性,除在安卓/ios原生中加入相应权限外,html5页面也可以作相应的设置。

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />这句是用来禁止页面缩放。
<pre name="code" class="html"><style type="text/css">
    .nocopy {-moz-user-select:none;-webkit-user-select:none}
</style>
通过css样式禁止复制。


在此已做记录以备以后使用



相关文章推荐

HTML5[5]:在移动端禁用长按选中文本功能

在手机浏览器中,长按可选中文本,但如果在应用中,会给人一种异样的感觉,最好还是禁用此功能为上。 * { -webkit-touch-callout:none; -webkit-user-select...

网页禁止复制的两种方式

两种方式: 1.检测到点击复制时直接return false 2.直接禁用右键 网页禁止复制的2种方式 body .layui-...

移动端html5页面长按实现高亮全选文本内容的兼容解决方案

最近需要给html5的WebAPP在页面上实现一个复制功能:用户点击长按文本会全选文字并弹出系统“复制”菜单,用户可以点击“复制”进行复制操作,然后粘贴到AppStore搜索对应的应用。之所以不是采用...

禁止Html5在手机上屏幕页面缩放

html5默认都允许用户缩放页面(双击缩放)如下: 禁止缩放将代码修改成下面的即可:...

bootstrap html页面禁止放大缩小

用bootstrap写的html页面,在手机端中禁止放大缩小: 亲测有效:
  • kebi007
  • kebi007
  • 2016年12月29日 15:04
  • 3262

禁止Html5在手机上屏幕页面缩放

最近测试html5页面,发现默认都允许用户缩放页面,或者在屏幕双击放大或缩小。即相当于这样设置    如果要禁止此情形,修改相应参数即可。...
  • yual365
  • yual365
  • 2013年10月10日 18:07
  • 63699

html禁止手机页面放大缩小

meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=n...

移动端(pc)禁止长按拷贝

网页在手机上浏览时通常会碰到一个问题,就是不小心触摸时间过长就出现自带的拷贝等按键了,造成了不好的体验,下面就教你解决办法。web端,只需在css中加入代码就可以了*{ -webkit-...

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

一、完全兼容ios和安卓的写法 1、用a标签包起来,在a标签里面加一句代码ontouchstart = "return false;" 二、只兼容ios的写法 *{ -we...

移动端页面禁用长按选中功能

在页面的head里面填写如下内容:
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html5 在移动端禁止页面缩放和选中复制
举报原因:
原因补充:

(最多只允许输入30个字)