js点击按钮,自动复制到粘贴板

简介:   免费领取活动规则1活动规则免费抽取Q币,领取现金红包,每天可领。2活动有效期活动有效期为一年3领奖规则点击“领取红包”按钮,方可领取红包奖励。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">   
<title>免费领取</title>
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<script src="clipboard.min.js"></script>


</head>
<body>
<div class="container" style="margin-top: 56px">
<div class="row">
<div class="col-xs-12 clearPadding">
<div class="turRule">
<div class="clearfix text-brown">
<div class="col-xs-4 clearPadding" style="position:relative;"><span class="ball ball1"></span><div class="line"></div></div>
<div class="col-xs-4 clearPadding text-center font16">活动规则</div>
<div class="col-xs-4 clearPadding" style="position:relative;"><div class="line"></div><span class="ball ball2"></span></div>
</div>
<div class="mt10">
<dl>
<dt><span class="">1</span><strong>活动规则</strong></dt>
<dd>免费抽取Q币,领取现金红包,每天可领。</dd>
</dl>
<dl>
<dt><span class="">2</span><strong>活动有效期</strong></dt>
<dd>活动有效期为一年</dd>
</dl>
<dl>
<dt><span class="">3</span><strong>领奖规则</strong></dt>
<dd>点击“领取红包”按钮,方可领取红包奖励。</dd>
</dl>


<dl>
<dt><span class="">4</span><strong>活动声明</strong></dt>
<dd>本活动最终解释权归棒棒糖所有</dd>
</dl>
</div>
</div>
<div class="plr15 clearPadding mt20" style="margin-top: 56px">
<div class="col-xs-6 text-center">
<button
onclick="goOther()"
data-clipboard-text="快来领取支付宝跨年红包!1月1日起还有机会额外获得专享红包哦!复制此消息,打开最新版支付宝就能领取!N2Llpg63JG"
id="copy_id"
class="btn btn-block text-white" style="background:#06b16a;">领取Q币</button></div>
<div class="col-xs-6 text-center">
<button
onclick="goZhiFuBao()"
data-clipboard-text="快来领取支付宝跨年红包!1月1日起还有机会额外获得专享红包哦!复制此消息,打开最新版支付宝就能领取!N2Llpg63JG"
id="copy_id2"
class="btn btn-block text-white" style="background:#faca34;">领取红包</button></div>
</div>
</div>
</div>
</div>


<div style="height: 400px" ></div>


<!-- 下载引导 -->
<div v-if="isShowDownloadApp" id="downloadGuide" style="position: fixed; bottom:0px; width:100%; height:70px; z-index: 100;opacity:.95;background-color:#FFF;box-shadow:0 -1px 0 0 #E6E6E6;">




<div style=" width:50%; position:absolute;left:5%;top:0; ">
<!--<h4 >下载爱零工App</h4>-->
<!--<span>生活更多精彩</span>-->
<div style="margin-top: 13px"></div>
<span style=" font-size: 17px">棒棒糖</span></br>
<span style="font-size: 15px">不忘初心,用心创造快乐。</span>
</div>


<div  style=" width:20%; position:absolute;left:65%;top:0; height: 75px" onclick="goZhiFuBao()">
<div style="background:#FDE23D; border-radius: 120px; margin-top: 20px; height: 30px; width: 120px; text-align: center;">
<b style="font-size: 20px; ">快速领取</b>
</div>
</div>


</div>


<script>




var clipboard = new Clipboard('#copy_id');
clipboard.on('success', function(e) {


});
clipboard.on('error', function(e) {


});


var clipboard2 = new Clipboard('#copy_id2');
clipboard2.on('success', function(e) {


});
clipboard2.on('error', function(e) {




});


function goZhiFuBao() {
window.location.href = 'https://render.alipay.com/p/f/fd-j6lzqrgm/guiderofmklvtvw.html?shareId=2088702832610632&campStr=p1j%2BdzkZl018zOczaHT4Z5CLdPVCgrEXq89JsWOx1gdt05SIDMPg3PTxZbdPw9dL&sign=3j4Ei30jnd2PYBCrekNbEBJXRiUjpSc8UUnoZG4L5j4%3D&scene=offlinePaymentNewSns';
}


function goOther() {
window.location.href = 'http://tq.qq.com/events/dnf18/index.html';

}












//
//        //绑定在了body上,也可以绑定在其他可用元素行,但是不是所有元素都支持copy和past事件。
//        $(document.body).bind({
//            copy: function(e) {//copy事件
//                console.log('--------------copy');
//
//
//                var cpTxt = "复制的数据";
//                var clipboardData = window.clipboardData; //for IE
//                if (!clipboardData) { // for chrome
//                    clipboardData = e.originalEvent.clipboardData;
//                }
//                //e.clipboardData.getData('text');//可以获取用户选中复制的数据
//                clipboardData.setData('Text', cpTxt);
//                alert(cpTxt);
//                $('#message').text('Copy Data : ' + cpTxt);
//                return false;//否则设不生效
//            },paste: function(e) {//paste事件
//                var eve = e.originalEvent
//                var cp = eve.clipboardData;
//                var data = null;
//                var clipboardData = window.clipboardData; // IE
//                if (!clipboardData) { //chrome
//                    clipboardData = e.originalEvent.clipboardData
//                }
//                data = clipboardData.getData('Text');
//                $('#message').html(data);
//            }
//        });




</script>






<script src="https://s22.cnzz.com/z_stat.php?id=1272273857&web_id=1272273857" language="JavaScript"></script>
</body>
</html>
目录
相关文章
|
7天前
|
JavaScript 前端开发
js实现点击音频实现播放功能
js实现点击音频实现播放功能
|
2月前
|
移动开发 JavaScript 前端开发
分享88个表单按钮JS特效,总有一款适合您
分享88个表单按钮JS特效,总有一款适合您
31 1
|
2月前
|
存储 移动开发 JSON
分享86个表单按钮JS特效,总有一款适合您
分享86个表单按钮JS特效,总有一款适合您
33 1
|
3月前
|
JavaScript 前端开发 算法
JavaScript中的排他算法实现按钮单选
JavaScript中的排他算法实现按钮单选
18 0
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
JS点击切换背景图
JS点击切换背景图
30 0
|
1月前
|
JavaScript
JS+CSS3点击粒子烟花动画js特效
JS+CSS3点击粒子烟花动画js特效
12 0
JS+CSS3点击粒子烟花动画js特效
|
1月前
|
JavaScript 前端开发
JavaScript随手笔记---轮播图(点击切换)
JavaScript随手笔记---轮播图(点击切换)
JavaScript随手笔记---轮播图(点击切换)
|
1月前
|
JavaScript
|
2月前
|
移动开发 JSON JavaScript
分享76个表单按钮JS特效,总有一款适合您
分享76个表单按钮JS特效,总有一款适合您
23 5
|
3月前
|
JavaScript
用html,js和layui写一个简单的点击打怪小游戏
用html,js和layui写一个简单的点击打怪小游戏
23 0