移动端点击复制

      公司要上活动，各种细小的功能就苦了我们这些苦逼的程序员。临上线前一星期，突然传来两份需求，要根据设计图进行编码实现，问题是设计图都还没开始做，巧妇难为无米之炊啊！！！
      设计图终于出来了，可是距离上线日期已经剩了三天~~~~~~
      三天啊~~~~~~
      麻蛋！小爷我也是拼了~~~
      终于拿到切图，开搞页面，配置js、css；基础样式放好，启动本地服务，OK页面还能看，先凑活凑活实现功能---领取优惠码。判断用户状态和领取逻辑代码随手一甩完成，可是这时脑袋灵光一闪，申请突然一愣，麻蛋的，移动页面光给个兑换码，用户怎么拿去用，这里需要一个点击复制。窝草，一个坑~~~
      于是，翻资料，查百度，问各种同事前辈~~~
      还是无解，一个简单的点击复制，安卓上实现的66的，跑到IOS手机，就跟个草原似的，怎么搞都他妈一马平川，我也是醉了。
      最后，一看时间距离上线已经只剩下两天，果断放弃，改为页面原本的点击文字复制，拿到手机上一测，大爷的，老子都换了方式还他妈移动不动，这IOS是有多少个坑啊！于是乎，继续跑去查资料，突然发现一个属性，这他妈讲的还听神乎，先拿来试试，-webkit-user-select: text ；往代码上一贴，添加几个兼容；再测，我靠，还他妈一动不动，再用安卓，OK，非常good，我也是醉了，翻看调试css信息，眼前一黑，麻蛋的这么一大串的兼容属性user-select: none，竟然放在了body里，果断找到源码，直接隐藏，拿来手机在看,MDZZ，好了，O了。尼玛，心里十万个草拟吗奔腾的感觉。我也是跪了。
      不过总算大功告成，一个安卓和IOS通用的，可供用户拿到优惠码的程序顺利解决。只是，点击复制没实现总是让人心里有点很不爽。尼玛，IOS这是有多少坑啊！
      上线前的两天，又一次拿到新版修改设计，加班搞，加班测，终于全搞定，一看还有三四个小时，果断休息。可惜，强迫症啊，点击复制完不成，估计是得生不如死的感觉。于是乎，继续众里寻他千百度，蓦然回首，尼玛，还是没找到解决办法。
      突然想起了一个库clipboard,百度一下，结果有说可以实现移动端点击复制，也有说实现不了的，这尼玛还是自己弄一边试试吧！
      SO？开搞！
      下载zip，引库，下dome，仿代码~~~
最终成型，代码如下：
HTML:

image.png image.png

JS:

image.png

至此，点击复制兼容安卓和IOS的程序，圆满完成！！！