ios,android,pc一键复制兼容亲测有效

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/zhang__ao/article/details/77646132

这是一个复制到功能,适用于桌面和移动浏览器。这几天正在做一个公众号开发,里面遇到了点击一键复制的问题,安卓是没问题的,可是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使用!!!



小编会一直更新实战中遇到的各种问题及解决方法,记得关注小编哦!!!!!!(有没看懂或是使用时遇到问题的朋友可以留言联系我)
展开阅读全文

没有更多推荐了,返回首页