H5移动端和PC端网页按钮点击复制输入框功能

释放双眼,带上耳机,听听看~!

移动端要引入一个插件

地址:https://github.com/zenorocha/clipboard.js/wiki/CDN-Providers

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
<input id="copycode" class="main-code" readonly value="" >
<button class="main-btn" data-clipboard-target="#copycode" data-clipboard-action="copy">复制</button>

js:

<script type="text/javascript">
var copyBtn = new ClipboardJS('.main-btn');
// console.log(copyBtn)
copyBtn.on("success",function(element){
// 复制成功
alert("已复制好,可贴粘");
element.clearSelection();
});
copyBtn.on("error",function(element){
//复制失败;
console.log( "复制失败,请手动复制" )
});
</script>

 

温馨提示:本文最后更新于 2021-12-29 01:24 ,某些文章具有时效性,若有错误或已失效,请在下方留言或联系逆念

给TA打赏
共{{data.count}}人
人已打赏
网络技术

lxk0301-环境变量合集(Secrets)配置

2021-6-2 17:02:23

网络技术

部署青龙面板+自助扫码

2021-6-5 20:29:23

重要声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员,QQ508044570 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索