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

}