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

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

5个回答

可以调用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>

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


点击测试


<!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>
soft_xiang
soft_xiang 到目前为止,这是发现最有效,不需要引入第三方的方法了
大约一年之前 回复
qq_29777207
张音乐 赞同这个
接近 2 年之前 回复
caozhy
贵阳老马马善福专业维修游泳池堵漏防水工程 正解
大约 2 年之前 回复

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

weixin_42761983
黄瓜我是土豆 点赞,为了积分
大约 2 年之前 回复

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问