js强制复制内容到剪贴板，不弹出框

chujun
chujun
  • 31 次浏览

一串实用的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>
0