qq_42635799
qq_42635799
采纳率50%
2018-07-21 05:06 阅读 8.6k

如何通过JQ将字符串复制粘贴到剪贴板

40

var a='这里是需要复制的内容';
执行jq后将变量a的内容自动复制到剪贴板或追加到剪贴板中。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

5条回答 默认 最新

  • jslang 天际的海浪 2018-07-21 07:54
    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title> 页面名称 </title>
    </head>
    <body>
    <p>点击复制后在右边textarea CTRL+V看一下</p>
    <input type="button" id="btn" value="复制"/>
    <textarea rows="4"></textarea>
    <script type="text/javascript">
    function copyText(text) {
        var textarea = document.createElement("textarea");
        var currentFocus = document.activeElement;
        document.body.appendChild(textarea);
        textarea.value = text;
        textarea.focus();
        if (textarea.setSelectionRange)
            textarea.setSelectionRange(0, textarea.value.length);
        else
            textarea.select();
        try {
            var flag = document.execCommand("copy");
        } catch(eo){
            var flag = false;
        }
        document.body.removeChild(textarea);
        currentFocus.focus();
        return flag;
    }
    
    document.getElementById('btn').onclick = function(){
        var a='这里是需要复制的内容';
        var flag = copyText(a);//这个必须在DOM对象的事件线程中执行
        alert(flag ? "复制成功!" : "复制失败!");
    };
    </script>
    </body>
    </html>
    
    点赞 4 评论 复制链接分享
  • showbo GoCityPass新加坡曼谷通票 2018-07-21 12:22

    https://github.com/zenorocha/clipboard.js
    不依赖flash ,兼容所有浏览器

    点赞 3 评论 复制链接分享
  • notapp notapp 2018-07-21 05:44

    可以调用ZeroClipboard插件。地址:https://github.com/zeroclipboard/jquery.zeroclipboard
    参考代码:

     <script src="jquery.js"></script>
    <script src="dist/jquery.zeroclipboard.min.js"></script>
    <script>
      jQuery(document).ready(function($) {
        $("body")
          .on("copy", ".zclip", function(/* ClipboardEvent */ e) {
            e.clipboardData.clearData();
            e.clipboardData.setData("text/plain", $(this).data("zclip-text"));
            e.preventDefault();
          });
      });
    </script>
    <button class="zclip" data-zclip-text="Testing 1-2-3!">Click to copy!</button>
    
    点赞 2 评论 复制链接分享
  • qq_23246567 影之魂-ABE 2018-07-21 07:14

    引入一个clipboard.js文件即可使用


    点击测试


    点赞 评论 复制链接分享
  • qq_37943278 敦明 2018-07-26 05:18

    var a='这里是需要复制的内容';
    var flag = copyText(a)
    document.body.appendChild(flag);

    点赞 评论 复制链接分享

相关推荐