使用clipboard.js实现复制功能的示例代码

最新推荐文章于 2023-05-23 11:41:10 发布

wwll_9527

最新推荐文章于 2023-05-23 11:41:10 发布

阅读量319

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wangwang00001/article/details/81773202

本文介绍了一种在网页上实现电话号码复制的方法。使用JavaScript的Clipboard API来完成按钮点击时将指定ID的元素内容复制到剪贴板的功能。当复制成功时会弹窗提示用户。

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

<td>电话号码</td>
<td>
    <span class="screenTel" id="callNumber"></span> &nbsp;<span
        class="telAdress"></span>
    <button type="button" data-clipboard-target='#callNumber'>复制</button>
</td>

<script type="application/javascript">
    //实现复制
    var clipboard = new Clipboard('button');
    clipboard.on('success',function(e){
        e.clearSelection();
        alert('复制成功');
    });
    clipboard.on('error',function(e){
        e.clearSelection();
        alert('复制失败');
    });



</script>