通过textarea标签解决ClipboardJS在iphone复制失败问题

前段时间做了微信自定义分享的功能，分享出的页面存在邀请码在ios手机上复制失败的问题，然而在PC端和安卓机上是没有问题的。百度了一下，基本给出的解决方案是：ios不单纯支持on，为点击的元素添加空点击事件：onclick=""，众说芸芸，但是试了下没一个有用！

如果你复制的文本内容来自是input的值，你可以试着下面的方式：

• 需要复制的内容不要放在input标签中，将标签换成textarea。

• 设置textarea标签的属性 border:none; resize: none;将textarea边框及右边的三角下标隐藏，再通过line-height调整高度，使textarea达到和input标签一样的效果。

完整页面及效果演示地址：https://beebuylinks.igfd.group/invite.html?inviteCode=88888888  （在浏览器中切换成手机模式）

部分代码

     
           我的邀请码：     
     
         
     
     复制     

　　

 作者：那家伙真懒

原文链接：https://www.cnblogs.com/nowl/p/10489687.html