Clipboard插件实现点击复制功能，并且自动跳转

Clipboard插件是现在流行的实现复制功能的插件之一，公司给了一个需求，要求能实现点击复制功能，于是乎就在这给大家分享一下经验。插件的下载以及使用百度搜索可以搜索到，就不多说，直接上代码。

html部分，Clipboard功能很强大，它可以实现文本框内的复制粘贴，也可以实现通过span标签来获取，以下我才用的是span标签获取。

<span  class="go" style="color: #009fff">Crazylonglonglong</span>

js部分，你可以使用cdn嵌入插件，这个方法的好处在于不会占用太多的服务器空间，虽然这个插件只有3kb多一点，个人喜好

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>

<script>
            var btn=document.getElementsByClassName('go');
            var clipboard=new Clipboard(btn);
            clipboard.on('success', function(e){
                alert("你已经复制成功");
                console.log(e);//这里是你可以输入的内容样式
            });
            clipboard.on('error', function(e){
                alert("复制失败");
                console.log(e);//这里是你可以输入的内容样式
            });
		</script>

如果你想实现点击复制后跳转其他页面，类似微信之类的，只需要调用你所想要跳转程序的接口便可

<script>
            var btn=document.getElementsByClassName('go');
            var clipboard=new Clipboard(btn);
            clipboard.on('success', function(e){
                alert("你已经复制成功");
                window.location.href = "weixin://"
                console.log(e);//这里是你可以输入的内容样式
            });
            clipboard.on('error', function(e){
                alert("复制失败");
                console.log(e);//这里是你可以输入的内容样式
            });
		</script>

如上