搜 索

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

  • 335阅读
  • 2021年07月16日
  • 1评论

一串实用的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>
打 赏
  • 支付宝
  • 微信
  • QQ
Alipay
WeChatPay
QQPay
跳转网页.html
« 上一篇
评论区
又加c 2021年07月28日 17:59
回复

推广口令的一个方法

avatar