在微信网页开发中，实现点击按钮复制内容的需求。初始使用JS原生的`document.execCommand('Copy')`及`select()`方法，但因在iOS上不兼容，改为使用clipboard.js插件。通过在按钮上添加`data-clipboard-action`和`data-clipboard-target`属性，实现了在iOS和Android上的兼容。同时，为了优化用户体验，对input框添加`readonly`属性和`onclick`事件来避免弹出手机输入法。
这几天做的一个h5项目，遇到了上图的这种需求，点击按钮复制框框里面的内容。一开始是使用JS原生的写法，核心语句是：
document.execCommand(“Copy”);
以及xxx.select();
但是浏览器一直报错提示select() is not a function…
仔细查找原因后，发现是由于我用div模拟了文本框的实现,但select()只能用于input框，因此修改之后可以正常复制了。然而，此方法适用于安卓系统，在ios上不起效。
代码如下：
function copy(){
var copyTarget = document.getElementById(
最低0.47元/天 解锁文章
扫一扫
2288
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
