HTML5对⼿机页⾯长按会粘贴复制禁⽤的解决⽅法
解决⽅法如下所⽰:
直接在CSS ⽂件中添加下⾯的代码,就可以实现了在⼿机端禁⽌粘贴复制的功能:
XML/HTML Code复制内容到剪贴板
1. *{
2.    -webkit-touch-callout:none;  /*系统默认菜单被禁⽤*/
3.    -webkit-user-select:none; /*webkit浏览器*/
4.    -khtml-user-select:none; /*早期浏览器*/
5.    -moz-user-select:none;/*⽕狐*/
6.    -ms-user-select:none; /*IE10*/
7.    user-select:none;
8. }
在添加完这段代码后,在IOS 上会有问题的,这个时候你会发现input 框⽆法正在输⼊了内容了;造成这个原因就是 -webkit-user-select:none; 这个属性造成的。
解决这个⽅法就是在css ⽂件中同时设置⼀下input 的属性,如下所⽰:
XML/HTML Code复制内容到剪贴板
1. input {
2.      -webkit-user-select:auto; /*webkit浏览器*/
3. }
html手机网站这样就可以了,有什么不正确的地⽅请⼤神,指点出来;相互学习,互相进步!