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

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

原创最新推荐文章于 2023-05-23 11:41:10 发布 · 332 阅读

0 ·

CC 4.0 BY-SA版权

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

<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>