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. }

这样就可以了,有什么不正确的地方请大神,指点出来;相互学习,互相进步!

到此这篇关于HTML5对手机页面长按会粘贴复制禁用的如何解决方法就介绍到这了。正在奋斗路上的你,千万不要怕吃苦。没有什么捷径能让你出类拔萃,没有哪些艰难困苦是白白煎熬。你的每一份经历,不管是顺境还是坎坷,都会增加你生命的厚度。所有的苦,以后都会笑着说出来。更多相关HTML5对手机页面长按会粘贴复制禁用的如何解决方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

标签: 长按会