web复制功能实现

html部分

此处真正需要的是btn，其他的都是样式上的设置

<a class="mui-navigate-right btn">
	<span class="mui-icon iconfont icon-kefu" style="color: #F5A623;"></span>
    	联系客服
</a>

<script type="text/javascript" src="../lib/js/clipboard.js"></script>  <!--复制功能实现-->


//方法一
var clipboard = new ClipboardJS('.btn', {
    text: function() { 
        return serverNumber; //serverNumber是要复制的内容
    } 
}); 
var btnArray = ['点击复制'];
mui.confirm(serverNumber, '客服微信', btnArray, function(e) {
    if (e.index == 0) {
		clipboard.on('success', function(e) { 
		    mui.toast('复制成功')
		}); 
		clipboard.on('error', function(e) { 
			mui.toast('您的浏览器不支持点击复制，请长按拷贝')
//					    alert('您的浏览器不支持点击复制，请长按拷贝优惠码！') 
		});
    }
})

//方法二
window.onload = function(){
	var clipboard = new ClipboardJS('.btn', { 
	    text: function() { 
	        return serverNumber; //serverNumber是要复制的内容
	    } 
	}); 
	clipboard.on('success', function(e) { 
	    alert('复制成功！') 
	}); 
	clipboard.on('error', function(e) { 
	    alert('您的浏览器不支持点击复制，请长按拷贝优惠码！') 
	});
}