您现在的位置是:首页 > 技术交流技术交流
HTML5对手机页面长按会粘贴复制禁用的解决方法(常用)
2018-04-11【技术交流】2227 人已围观
简介 我们有时开发的手机网站类项目数据相对很重要,就要考虑禁止复制之类的操作. 电脑网站可以用一些js禁止鼠标右键之类,做到初步的防范.手...
我们有时开发的手机网站类项目数据相对很重要,就要考虑禁止复制之类的操作. 电脑网站可以用一些js禁止鼠标右键之类,做到初步的防范.手机网站如何操作呢?
一、完全兼容ios和安卓的写法
1、用a标签包起来,在a标签里面加一句代码ontouchstart = "return false;" 这里对一些页面上本身就是有很多链接的情况下是不适用的.
二、只兼容ios的写法
[html] view plain copy
*{
-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 的属性,如下所示:
[html] view plain copy
input {
-webkit-user-select:auto; /*webkit浏览器*/
}
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:
很赞哦! ()
相关文章
随机图文
常用的CSS命名规范大总结实用!
小编对前端一向不太在行,看到有人把常用的css命令集合了一下,发现蛮实用,摘录如下.CSS 命名一般采用小写英文单词或组合命名,单词与单...HTTP 错误 500.0 -错误代码 0xc0000005
网站系统一些复杂的功能总会出一些前所未见的问题.今天小编一个php导出excel的页面报错.关键这个系统还是已经上线的,说明以前功能是正常...dedecms 获取文章列表 dede:arclist标签循环计数
案例1. 新闻文章的图片幻灯列表,就需要使用数字的导航小按钮1234以此类推。常见代码如下 {dede:arclistrow=\'...js控制网站onclick背景
更换不同的网站背景可以让用户眼前一新,下面代码可以实现用户点击网页body区域后更换网站背景. vari=1; document....