快捷搜索:   服务器  PHP  安全  IIS  linux 安全

JS给网站添加自动复制支付宝红包口令代码 让访客自动复制支付宝红包口令

主要利用了clipboard的剪切板访问复制功能,只要访客按到BODY内的任意位置都会自动复制设置的内容到访客的剪切板


核心代码如下:

<script src="https://cdn.bootcss.com/clipboard.js/1.5.9/clipboard.js"></script>
        <script type="text/javascript">
            var clipboard = new Clipboard('body', {
                text: function() {
                    return "快来领取支付宝跨年红包!1月1日起还有机会额外获得专享红包哦!复制此消息,打开最新版支付宝就能领取!eTt3i403AL";
                }
            });
            clipboard.on('success', function(e) {
                alert('复制成功,打开最新版支付宝就能领取红包')
            });
            clipboard.on('error', function(e) {
                alert('您的浏览器不支持点击复制')
            });
        </script>

这里制定了BODY内的内容才有效,会提示复制,如果不需要提示,把alert删掉就行了


完整演示代码如下:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <title>演示:clipboard复制粘贴功能</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
        <style type="text/css">
            *{
                -webkit-user-select: auto;
            }
         
        </style>
    </head>
    <body id='body'>
        <div class="head">
     
        </div>
        <div class="container">
            <div class="demo">
                <h2 class="title">点击网页任何一个地方,然后打开支付宝APP,</h2>
必须在手机浏览器或微信浏览器
            </div>
        </div>
       
               <script src="https://cdn.bootcss.com/clipboard.js/1.5.9/clipboard.js"></script>
        <script type="text/javascript">
            var clipboard = new Clipboard('body', {
                text: function() {
                    return "快来领取支付宝跨年红包!1月1日起还有机会额外获得专享红包哦!复制此消息,打开最新版支付宝就能领取!eTt3i403AL";
                }
            });
            clipboard.on('success', function(e) {
                alert('复制成功,打开最新版支付宝就能领取红包')
            });
            clipboard.on('error', function(e) {
                alert('您的浏览器不支持点击复制')
            });
        </script>
    </body>
</html>


不过目前支付宝已经屏蔽这种方式了,即使你手动复制了口令,打开支付宝,支付宝也不会弹出领取框,一定要扫码了

顶(0)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论