一键复制js

最新推荐文章于 2024-08-16 15:55:37 发布

原创最新推荐文章于 2024-08-16 15:55:37 发布 · 151 阅读

0 ·

CC 4.0 BY-SA版权

笔记专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种使用clipboard.min.js库实现网页上微信ID一键复制的方法。通过为需要复制的微信ID元素添加类名，结合JavaScript，实现了在各种设备上的复制功能，并针对iOS设备的特殊性进行了适配。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先引入clipboard.min.js

给所有要显示微信号的地方添加类名 weixin
<script>
   var wxh = 123123;
$(document).ready(function(){
var clipboard = new Clipboard('.weixin',{
       text: function(trigger) {
       return wxh;
       }
       });
clipboard.on('success', function(e) {
alert("微信号复制成功");
});
});
</script>

由于ios设备不支持on事件所以需要给他添加一个空点击事件 onclick=""