当前位置: 首页> 健康> 美食 > 网站建设服务公司_佛山seo网站排名_河南做网站的_东莞seo建站优化工具

网站建设服务公司_佛山seo网站排名_河南做网站的_东莞seo建站优化工具

时间:2025/7/11 7:55:54来源:https://blog.csdn.net/weixin_61485030/article/details/143992620 浏览次数:0次
网站建设服务公司_佛山seo网站排名_河南做网站的_东莞seo建站优化工具

clipboard

现代复制到剪贴板。无闪光。只有 3kb 的 gzip 压缩。

安装

npm install clipboard --save

第三方cdn提供商

<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js"></script>

使用

data-clipboard-target="#foo" //从其他元素复制文本data-clipboard-action="cut" // 从其他元素剪切或者复制文本 copy, cut只适用于 input textarea标签

代码展示

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><button style="background-color: red;" class="btn" data-clipboard-target="#foo" data-clipboard-action="copy">你是最棒的实施肯222定会觉得可能</button><button id="foo">我是小胖哦</button><script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js"></script><script>let btn = document.querySelector('.btn');btn.addEventListener('click', function () {let clipboard = new ClipboardJS('.btn');clipboard.on('success', function (e) {console.info('Action:', e.action);console.info('Text:', e.text);console.info('Trigger:', e.trigger);e.clearSelection();});});</script>
</body></html>

成功展示

在这里插入图片描述

复制导航栏url

let clipboard = new ClipboardJS('#copy',{text:function(){return window.location.href}})clipboard.on('success',function(e){clipboard.destroy()alert('复制成功')})clipboard.on('error',function(e){clipboard.destroy()alert('复制失败')})
关键字:网站建设服务公司_佛山seo网站排名_河南做网站的_东莞seo建站优化工具

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: