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

非 Y 不嫁゛ 提交于 2019-12-27 18:08:15

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

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;}

参考链接:

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!