推荐搜索: 魏义齐 网站防扒js微信号刷新 利用hbuilder打包APP的步骤清空

您当前的位置:首页 > 前端分享 > 正文

点击文字即可将文字复制到粘贴板的实现方法

发布时间:2018-02-08 22:14:35作者:魏义齐阅读:(

竞价单页面为使访问者更方便的复制微信号,点击即可复制微信号成为竞价操控人员对页面的强烈要求,如何实现将是本文所要讲述的。

全部代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=no">
<title>点击对象即可复制到粘贴板的实现方法</title>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/clipboard.min.js"></script>
</head>

<body>
<p class="wxh">chuyun2014</p>
<script>
    $(function() {
        var clipboard = new Clipboard('.wxh', {
            target: function() {
                return document.querySelector('.wxh');
            }
        });
        clipboard.on('success', function(e) {
            alert('微信号复制成功,添加博主微信请注明来意');
            $.ajax({
                type: "post",
                url: ajax_url_copy,
                async: true,
                dataType: "json",
                success: function(data) {
                    window.location.href = "weixin://";
                }
            })
        });
        clipboard.on('error', function(e) {

            alert('请长按微信号“选择复制”进行复制!!');
            $.ajax({
                type: "post",
                url: ajax_url_copy,
                async: true,
                dataType: "json",
                success: function(data) {
                }
            })
        });
    })
</script>
</body>
</html>

测试链接:http://www.xwblog.net/lookdoc/clickcopy/

下载链接:https://pan.baidu.com/s/1pNmOAT1 提取密码:o182

版权声明:本文为博主原创文章,未经博主允许不得转载。

如果本文帮助到了你,请点击你感兴趣的广告赞助一下,谢谢!

上一篇:phpcms文章内容页的图片如何自适应 下一篇:最后一页

如果您觉得本文对您有所帮助,就请打赏一下博主吧,您的打赏就是博主更新的动力!

  • 微信
  • 支付宝

关闭