美文网首页前端技术
jquery复制内容到剪贴板

jquery复制内容到剪贴板

作者: 可乐_加冰_ | 来源:发表于2020-01-17 17:44 被阅读0次

官网:https://clipboardjs.com/

注意:class=' btn' ,必要的

html代码:

<!doctype html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>jQuery复制文本到剪贴板</title>

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

  <script type="text/javascript" src="http://www.jq22.com/demo/clipboard.js-master201703170013/dist/clipboard.min.js"></script>

</head>

<body>

  <button class="btn copyCode">复制</button>

  <script>

    var clipboard = new Clipboard('.copyCode', {

        text: function() {

            return '我是复制文本123';

        }

    });

    clipboard.on('success', function(e) {

        alert("复制成功");

    });

    clipboard.on('error', function(e) {

        console.log(e);

    });

  </script>

</body>

</html>

相关文章

网友评论

    本文标题:jquery复制内容到剪贴板

    本文链接:https://www.haomeiwen.com/subject/pfqhzctx.html