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

    我们有时开发的手机网站类项目数据相对很重要,就要考虑禁止复制之类的操作. 电脑网站可以用一些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：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/958.html

很赞哦！ ()