Fork me on GitHub
首页 > 网页代码 > clipboard插件实现文字复制

clipboard插件实现文字复制

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.js"></script>
<body>

    <div id="copyMe" style="width:180px;text-align:center;margin:0 auto;">11111111111</div>

    <input type="button" value="复制" id="copy">

</body>
<script>
    var clipboard = new ClipboardJS("#copy", {
        text: function () {
            //寻找被激活的那个div pre元素,同时获取它下面的内容
            return $("#copyMe").text();
        }
    });

    clipboard.on('success', function (e) {
        alert("已复制到粘贴板!");
        console.log(e);
    });

    clipboard.on('error', function (e) {
        console.log(e);
    });
</script>

</html>

------------------------------------------------------------------------------
1   <script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.js"></script>

2   <span style="float:right;font-weight:normal;"><input type="button" value="分享" id="copy"></span>



3  <script>    
    var clipboard = new ClipboardJS("#copy", {
        text: function () {
            //寻找被激活的那个div pre元素,同时获取它下面的内容
            return window.location.href;
        }
    });

    clipboard.on('success', function (e) {
        alert("复制成功 分享给你的好友一起欣赏!");
        console.log(e);
    });

    clipboard.on('error', function (e) {
        console.log(e);
    }); 
</script>







Fork me on GitHub

上一篇: 阿里云网盘 内测申请

下一篇: 网站LED带时间文字显示广告牌

Title - Artist
0:00