1.需要依靠clipboard插件,下载地址:https://clipboardjs.com/
2.HTML页面部分
触发事件按钮
“copy” data-clipboard-target=”#copyDom”>复制信息
在该输入框中存入待复制信息
"text" style="opacity:0;" readonly="readonly" id="copyDom" value="待复制内容" />
注:按钮的‘data-clipboard-target’属性要与存放信息的盒子的'id'值相同,设置盒子透明度为0是为兼容低版本ios系统
3.js部分
// button的class的值
var clipboard = new ClipboardJS('.copy');
clipboard.on('success', function(e) {
error("复制成功");
});
clipboard.on('error', function(e) {
error("您的设备暂不支持该复制方法,请手动复制!");
});
具体参数配置请查询api文档:https://clipboardjs.com/