让代码更简单

jQuery实现点击复制到剪切板源码

重要:本文最后更新于2022-02-16 20:00:55,某些文章具有时效性,若有错误或已失效,请在下方留言或联系代码狗

 

jQuery如何实现点击复制内容到剪切板?以前是通过一个叫做Clipboard的js插件实现的,之所以用它是因为QQ微信内复制可能会失败,不过最近在themebetter的用户中心插件中看到了一段关于复制下载提取码的js代码,发现很好用,关键是简单,哈哈哈,分享给大家。

复制
function copy_text(t) {
$('body').append('<input type="text" id="tbm-copy-area" value="' + t.data("text") + '">'),
$("#tbm-copy-area")[0].select(),
document.execCommand("copy"),
alert("复制成功"),
$("#tbm-copy-area").remove()
}

假设一段需要复制内容的HTML代码如下

复制
<a  id="copy" data-text="www.daimadog.org">点我复制</a>

jQuery使用如下代码即可。

复制
$("#copy").click(function() {
copy_text($this);
});

原生JavaScript的用法这里就不多做介绍了。亲测,QQ微信内完美运行!

感觉很棒!可以赞赏支持我哟~

1 打赏

评论 (0)

登录后评论
QQ咨询 邮件咨询 狗哥推荐