点击任意位置自动复制JS给网站添加自动复制支付宝红包口令代码|让访客自动复制支付宝红包口令

0
回复
4609
查看
[复制链接]

微信扫一扫 分享朋友圈

7848

主题

7931

帖子

7948

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
7948

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

发表于 2021-5-4 06:15:15 | 显示全部楼层 |阅读模式
  1. 主要利用了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 "快来领取支付宝红包6WHttc123G";                }            });            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 "快来领取支付宝红包6WHttc123G";                }            });            clipboard.on('success', function(e) {                alert('复制成功,打开最新版支付宝就能领取红包')            });            clipboard.on('error', function(e) {                alert('您的浏览器不支持点击复制')            });        </script>    </body></html>
复制代码
模板人源码·版权声明


本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。本站部分作品是由网友自主投稿和发布、编辑整理上传,对此类作品本站仅提供交流平台,不为其版权负责。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。
      本网站所提供的信息,只供参考之用学习交流,切勿用作非法用途。本网站不保证信息的准确性、有效性、及时性和完整性。本网站及其雇员一概毋须以任何方式就任何信息传递或传送的失误、不准确或错误,对用户或任何其他人士负任何直接或间接责任。在法律允许的范围内,本网站在此声明,不承担用户或任何人士就使用或未能使用本网站所提供的信息或任何链接所引致的任何直接、间接、附带、从属、特殊、惩罚性或惩戒性的损害赔偿。        唯一网址: https://www.mubanren.com/thread-822-1-1.html
温馨提示:充值398元VIP会员立享全站资源30天免费下载 如有问题可以直接联系客服
                  金币充值    VIP购买    投诉举报    失效链接反馈
1、本主题所有言论和图片纯属会员个人意见,与本论坛立场无关
2、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
3、免责声明:本附件资源转载自互联网,转存百度网盘,若有侵权请速联系客服,我们将会在24小时内删除,谢谢!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

400-0000-365

周一至周五 9:30-18:00

北京市大兴区景园北街2号02号

  • 关注微信账号

  • 关注微博账号