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微信内完美运行!





评论 (0)