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)
- 最新评论