这是一个复制到功能，适用于桌面和移动浏览器。这几天正在做一个公众号开发，里面遇到了点击一键复制的问题，安卓是没问题的，可是ios点击一键复制没有作用，这可真的是难倒了小编，后来小编不断查找资料整理出来了一个解决方法，亲测可用  如下：

特征

  • 对于Internet Explorer 4+，Chrome 42+，Firefox 41+，Opera 29+和移动浏览器，点击“复制到剪贴板”：Chrome for Android 42+，Firefox Mobile 41+，iOS 10+。
  • 点击桌面浏览器的“全选”：Safari，旧版Chrome和较旧的Firefox。当用户按下按钮时，选择一个表单或非表单元素的文本，并显示一个工具提示，通知用户“按CTRL + C复制”。
  • 两次点击“复制到剪贴板”旧iOS，iPhone Safari。首先点击选择表单或非表单元素中的所有文本，然后显示内置浏览器“复制”按钮，供用户点击。
  • 两次点击“复制到剪贴板”为Android Internet浏览器。首先点击选择表单或非表单元素中的所有文本，然后显示内置浏览器“复制”按钮，供用户点击。

粘贴功能

  • 点击Internet Explorer 4+的“粘贴”按钮。
  • 所有其他桌面浏览器（Chrome，Firefox，Safari）的粘贴按钮可选择窗体或非表单元素中的所有文本，并显示工具提示，通知用户“按CTRL + V粘贴”。
  • 两次为移动浏览器点击“粘贴”按钮：Android Internet浏览器，iOS，iPhone Safari。单击按钮选择元素，并显示内置浏览器“粘贴”按钮，供用户点击
  • 不幸的是，Chrome for Android需要三次点击。首先，用户单击“粘贴”按钮，将空白元素的内容，并将重点放在导致蓝色插入符指针显示的元素上，并显示一个工具提示，通知用户“单击蓝色选项卡，然后单击粘贴”。


示范

实战demo

1.引入插件

<script src="../js/copy2clipboard.js"></script>



2.HTML

<button class="nav" onclick ="select_all_and_copy(document.getElementById('textCon1'))">
    点击复制
</button>
<textarea id="textCon1" readonly="readonly" cols="40" rows="5">
我是复制的内容
</textarea>


那么到这里复制的功能就可以使用了亲测ok！完全没问题。

插件下载地址：http://www.seabreezecomputers.com/downloadcounter/dlcounter.php?file=copy2clipboard.js

注：插件是改编过得本人亲测可用务必下载上面地址插件，模仿上面demo使用！！！

小编会一直更新实战中遇到的各种问题及解决方法，记得关注小编哦！！！！！！（有没看懂或是使用时遇到问题的朋友可以留言联系我）