加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

复制内容到系统剪贴板(无flash)

发布时间:2020-12-15 20:04:29 所属栏目:百科 来源:网络整理
导读:IE 直接使用 clipboardData 即可: window.clipboardData.setData('Text',text); 其它浏览器 可以尝试 execCommand('copy') ,该命令支持IE 10+,chrome 43+,firefox 41+,opera 29+ // 第一步:创建一个隐藏的文本域$('div id="s-clipboard-container"text

IE

直接使用clipboardData即可:

window.clipboardData.setData('Text',text);

其它浏览器

可以尝试execCommand('copy'),该命令支持IE 10+,chrome 43+,firefox 41+,opera 29+

// 第一步:创建一个隐藏的文本域
$('<div id="s-clipboard-container"><textarea id="s-clipboard"></textarea></div>').appendTo('body');
// 第二步:将待复制的内容置入此文本域,并全选
$('#s-clipboard').val(text).focus().select();
// 第三步:执行copy命令
try { // 此API可能不好使
    document.execCommand('copy');
} catch (err) {
    console.log(err);
}
// 第四步:清空文本域(可选)
$('#s-clipboard').text('');

附相关css:

#s-clipboard-container {opacity: 0;position: absolute;top: -10000px;right: 0;}
#s-clipboard {width: 1px;height: 1px;padding: 0px;}

参考链接:

  • Copy to clipboard without Flash
  • How do I copy to the clipboard in JavaScript?
  • How does Trello access the user's clipboard?

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读