Js 点击复制

引用地址

https://cdn.bootcss.com/clipboard.js/1.7.1/clipboard.min.js

案例

注意标签里的 data-clipboard-target

  • data-clipboard-target:后面是需要复的标签选择器
<span id="sentence" style="font-size: 2rem;" data-clipboard-target="#sentence"></span>

<script type="text/javascript">
    var btn=document.getElementById('sentence');
    var clipboard=new Clipboard(btn);
    clipboard.on('success', function(e){
        // 复制成功动画
        $('#show').slideDown().delay(1500).slideUp(300);
        console.log(e);
    });
    clipboard.on('error', function(e){
        // 复制失败动画
        $('#show').slideDown().delay(1500).slideUp(300);
        console.log(e);
    });
 </script>
发表评论 / Comment

用心评论~