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

 

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.com">点我复制</a>

jQuery使用如下代码即可。

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

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

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/242121.html

(0)
上一篇 2022年4月7日
下一篇 2022年4月7日

相关推荐

发表回复

登录后才能评论