美文网首页前端技术
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