您现在的位置是:首页 > 技术交流技术交流
HTML5对手机页面长按会粘贴复制禁用的解决方法(常用)
2018-04-11【技术交流】1898 人已围观
简介 我们有时开发的手机网站类项目数据相对很重要,就要考虑禁止复制之类的操作. 电脑网站可以用一些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:
很赞哦! ()
相关文章
随机图文
解决百度ueditor插入动态地图空白 支持iframe方法
ueditor是百度推出的html富文本编辑器.还是非常好用的,新版本增加了严格的安全限止甚至限止到了自己的百度插入代码,导致插入百度出现...oracle数据库中国区裁员
作为一名码农关心数据库软件还是有的。殷雯网站建设工作室做项目基本上用的是mysql数据库,原因是mysql跨平台、免费。虽然我们的项目基...sql中的select join一张图概括
这select join图很叼, 一张就概括了全部! 收藏建站小插件推荐:图片放大缩小zoomerang.js
Zoomerang.js是一款非常实用的HTML DOM元素放大缩小js特效插件。它可以将页面上的任何元素进行放大缩小。当某个元素处于Zoo...