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

原创
2016/05/23 15:12
阅读数 148

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

参考链接:

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
0 收藏
2
分享
返回顶部
顶部