通过jquery插件复制文字

1、先另存为本地到下方这个Jquery插件

 点我查看插件 

2、再从需要复制的页面中引入这个插件,页面中的HTML

<button style="border: none;background-color: white;" data-clipboard-text="需要复制的内容" class="btn" >添加微信</button>

3、然后再通过js,进行复制功能。

复制代码
<script type="text/javascript">  

    $(document).ready(function(){  
    
      var clipboard = new Clipboard('.btn');  
      
      clipboard.on("success",function(e){
        alert('已成功复制手机号',1000)
      });
    
    });
    
</script>
复制代码

这样就实现了,点击添加微信之后,复制 data-clipboard-text 中的内容了。

posted @   Forset--森林  阅读(572)  评论(0)    收藏  举报
编辑推荐:
· 记一次 .NET某云HIS系统 CPU爆高分析
· 如果单表数据量大,只能考虑分库分表吗?
· 一文彻底搞懂 MCP:AI 大模型的标准化工具箱
· 电商平台中订单未支付过期如何实现自动关单?
· 用 .NET NativeAOT 构建完全 distroless 的静态链接应用
阅读排行:
· 如果单表数据量大,只能考虑分库分表吗?
· 一款让 Everything 更加如虎添翼的 .NET 开源辅助工具!
· (原创)[开源][.Net Framework 4.5] SimpleMVVM(极简MVVM框架)更
· 冲压车间软件实施
· 干货分享!MCP 实现原理,小白也能看懂
点击右上角即可分享
微信分享提示