概述
主要利用了clipboard的剪切板访问复制功能,只要访客按到BODY内的任意位置都会自动复制设置的内容到访客的剪切板
核心代码如下:
var clipboard = new Clipboard('body', {
text: function() {
return "快来领取支付宝跨年红包!1月1日起还有机会额外获得专享红包哦!复制此消息,打开最新版支付宝就能领取!eTt3i403AL";
}
});
clipboard.on('success', function(e) {
alert('复制成功,打开最新版支付宝就能领取红包')
});
clipboard.on('error', function(e) {
alert('您的浏览器不支持点击复制')
});
这里制定了BODY内的内容才有效,会提示复制,如果不需要提示,把alert删掉就行了
完整演示代码如下:
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
演示:clipboard复制粘贴功能*{
-webkit-user-select: auto;
}
点击网页任何一个地方,然后打开支付宝APP,
必须在手机浏览器或微信浏览器
var clipboard = new Clipboard('body', {
text: function() {
return "快来领取支付宝跨年红包!1月1日起还有机会额外获得专享红包哦!复制此消息,打开最新版支付宝就能领取!eTt3i403AL";
}
});
clipboard.on('success', function(e) {
alert('复制成功,打开最新版支付宝就能领取红包')
});
clipboard.on('error', function(e) {
alert('您的浏览器不支持点击复制')
});
不过目前支付宝已经屏蔽这种方式了,即使你手动复制了口令,打开支付宝,支付宝也不会弹出领取框,一定要扫码了
最后
以上就是尊敬泥猴桃为你收集整理的html自动复制支付宝口令,JS给网站添加自动复制支付宝红包口令代码 让访客自动复制支付宝红包口令...的全部内容,希望文章能够帮你解决html自动复制支付宝口令,JS给网站添加自动复制支付宝红包口令代码 让访客自动复制支付宝红包口令...所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复