由於最近項目中需要做到用戶點擊復制按鈕,然后要實現點擊后把推廣鏈接給復制到用戶終端,於是查詢了一些資料,最后找到了clipboard這款插件。
1.首先先到github上的開源項目clipboard.js(官網:http://zenorocha.github.io/clipboard.js/) 下載對應插件
2.引入插件
<script src="js/clipboard.min.js"></script>
3.使用方法
<button class="btn btn-info" data-clipboard-text="{$shou_url}">點擊復制</button> //把要復制的文本放在data-clipboard-text標簽內
<script>
var clipboard = new ClipboardJS('.btn'); //先實例化
clipboard.on('success', function(e) {
alert('復制成功'); //復制成功區間
});
clipboard.on('error', function(e) {
});
</script>
4.大功告成,測試pc和移動端都可以使用,微信端也可以匹配。