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