html禁止长按复制,手机浏览网页后剪贴板就会被复制

  html禁止长按复制,手机浏览网页后剪贴板就会被复制

  解决方法如下所示:

  直接在CSS文件中添加以下代码,就可以实现手机上禁止粘贴复制的功能:

  XML/HTML代码将内容复制到剪贴板* {-WebKit-touch-callout:none;/*系统默认菜单被禁用*/-WebKit-用户选择:无;/*webkit浏览器*/-khtml-用户选择:无;/*早期浏览器*/-moz-用户选择:无;/* Firefox */-ms-user-select:无;/*IE10*/user-select:无;}加上这段代码后,IOS上就会出现问题。这时你会发现,输入框不可能在输入内容;原因是-webkit-user-select:无;这个属性造成的。

  解决方法是同时在css文件中设置输入的属性,如下所示:

  XML/HTML代码将内容复制到剪贴板输入{-WebKit-user-select:auto;/*webkit浏览器*/}就是这样。如有不妥,请大神指出;互相学习,互相进步!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: