HTML5对手机上网页页面长按会粘贴拷贝禁用的处理

日期:2021-01-20 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序

处理方式以下所示:
 
 立即在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 文档中另外设定1下input 的特性,以下所示:

XML/HTML Code拷贝內容到剪贴板
  1. input {      
  2.      -webkit-user-select:auto; /*webkit访问器*/     
  3. }  

这样便可以了,有甚么有误的地区请高手,指导出来;互相学习培训,相互之间发展!

上一篇:详解HTML5 canvas制图基础应用方式 返回下一篇:没有了