JQ 實現復制功能

JQ 實現復制到剪切板

使用JS 插件 下載地址 clipboard.js 官網地址

1. 復制input輸入框的值到剪切板

//HTML 代碼
<input id="foo" type="text" value="hello">
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">復制</button>

//JS代碼
   		$(document).ready(function(){  
   			var clipboard = new ClipboardJS('.btn');
   			clipboard.on('success', function(e) {
   					alert('成功');
   			});
   			clipboard.on('error', function(e) {
   				alert('失敗');
   			});
   		});  

2. 復制DIV的值到剪切板

//HTML 代碼  JS代碼于1 一致
<div>hello</div>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="div">復制</button>