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手机网站这样就可以了,有什么不正确的地⽅请⼤神,指点出来;相互学习,互相进步!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论