一串实用的js代码,自动复制内容到剪切板的隐藏js代码,在页面部署自动复制内容代码后,不论电脑还是手机只要用户点击就会自动复制内容到剪切板,偷偷摸摸的就把推广分享代码给复制过去了,很实用的js代码,使用很简单,只需要把代码复制到页面模板中,稍作修改即可使用。
第一种
<!--复制内容--> <script> document.addEventListener('click', function bindCopy(e) { dom = document.createElement('textarea'); // Prevent zooming on iOS dom.style.fontSize = '12pt'; // Reset box model dom.style.border = '0'; dom.style.padding = '0'; dom.style.margin = '0'; // Move element out of screen horizontally dom.style.position = 'absolute'; dom.style['left'] = '-9999px'; // Move element to the same position vertically var yPosition = window.pageYOffset || document.documentElement.scrollTop; dom.style.top = yPosition + 'px'; dom.setAttribute('readonly', ''); dom.value = '这里输入内容'; document.body.APPendChild(dom); dom.select(); dom.setSelectionRange(0, dom.value.length); document.execCommand('copy'); document.removeEventListener('click', bindCopy); }) </script> <!--复制内容-->
第二种
<script src="https://cdnjs.cat.NET/ajax/libs/jQuery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cat.net/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script> <script> $("body").onclick = copycode(); $("body").attr("ID" ,"copy"); $("body").attr("data-clipboard-text" ,"需要复制的内容"); function copycode(){var clipboard = new Clipboard('#copy');clipboard.on('success', function (e){console.log("copy ok");});clipboard.on('error', function (e){console.log("copy error");});} </script>
发表评论取消回复