使用clipboard.js點擊自動複製

官網http://www.clipboardjs.cn/下載號文件,而後導入javascript

<script src="dist/clipboard.min.js"></script>

在須要的地方綁定,這裏用的是從屬性複製,比較符合場景,根據項目使用從元素複製剪切或者從屬性php

<div class="zt topkefu" id="btnCopy"  class="fiexed-bottom-div" data-clipboard-text="123456">
 	客服微信:123456 (點擊添加)
 </div>

最後加上jsjava

<script type="text/javascript">
 
  

		    var clipboard = new ClipboardJS('#btnCopy');//具體綁定

		clipboard.on('success', function(e) {
		// 成功時
		    console.info('Action:', e.action);
		    console.info('Text:', e.text);
		    console.info('Trigger:', e.trigger);

		    e.clearSelection();
		    	alert("複製成功,請打開微信搜索聯繫人");
		});

		clipboard.on('error', function(e) {
		    //失敗時
		    console.error('Action:', e.action);
		    console.error('Trigger:', e.trigger);

		    	alert("複製失敗,請手動複製");
		});
 
	 

</script>

而後就行了微信

在這裏插入圖片描述

相關文章
相關標籤/搜索