只要七行，解决浏览器的文本复制问题

折影轻梦

发布于 2021-08-11 10:24:14

7240

发布于 2021-08-11 10:24:14

文章被收录于专栏：折影轻梦折影轻梦

只要七行，解决浏览器的文本复制问题

2018年08月04日 214 字大概 1 分钟

解决 clipboardData is not defined 兼容 Chrome 和 Firefox

一直想给导航添加一个结果复制到剪切板的功能，但是百度了很久，并没有找到解决方案，各种 jQuery 库也不满足我的需求。

我想要一个直接输入文本，并复制到剪切板的功能。

于是乎我就自己撸了 7 行 JavaScript （基于jQuery）

function setCopy(txt) {
    $('body').append('<textarea id="copy" style="height: 0;width: 0;border: 0;opacity:0;">'+txt+'</textarea>');
    $('#copy').select();
    document.execCommand("Copy");
    $('#copy').remove();
    alert("复制成功！");
}

使用时只需要调用 setCopy() 就行了

（！该调用方式！不适用于 Firefox）比如直接在 <a> 中使用

href="JavaScript:setCopy('1533384805');">

（该调用方式适用于 Firefox）更介意使用

onclick="setCopy('1533387161');"

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018年08月04日，如有侵权请联系 cloudcommunity@tencent.com 删除

jquery

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

jquery

登录后参与评论

0 条评论

热度

只要七行，解决浏览器的文本复制问题

只要七行，解决浏览器的文本复制问题

只要七行，解决浏览器的文本复制问题

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐