方法一：

使用插件 引入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="點擊復制代碼" />

?

轉載于:https://www.cnblogs.com/qiufang/p/8987084.html

總結

以上是生活随笔為你收集整理的js实现一键复制的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。