js实现一键复制

方法一：

使用插件 引入clipboard.js

使用如下

<script>copyFn = function() {var clipboard = new Clipboard('.copy-btn', {text: function(trigger) {return $('.copy-txt').text();}});clipboard.on('success', function() {alert('复制成功！');});clipboard.on('error', function(e) {alert('请手动选择文本复制！');});}copyFn();
</script>

 方法二：

<input type="text" readonly="readonly" unselectable="on" value="mytxt" class='mytxt' style=" background: none;border: none;color: #dfc37a; ">
<a class="copyname" href="javascript:;">复制</a><script type="text/javascript">$('.copyname').click(function(){var dd = $('.mytxt');dd[0].select();document.execCommand("Copy");});
</script>

方法三：

原文：https://blog.csdn.net/github_36091081/article/details/77508710

<script type="text/javascript">
function copyUrl2(){var Url2=document.getElementById("biao1").innerText;var oInput = document.createElement('input');oInput.value = Url2;document.body.appendChild(oInput);oInput.select(); // 选择对象document.execCommand("Copy"); // 执行浏览器复制命令oInput.className = 'oInput';oInput.style.display='none';alert('复制成功');}
</script>
<div cols="20" id="biao1">12345678</div>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />