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

发布时间：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>

测试链接：https://blog.weiyiqi.net/lookdoc/clickcopy/

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

本文标签：，您可以阅读与「」相关的所有文章

魏义齐全栈技术交流：

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

给文章代码高亮模块增加一键复制功能