JQ 实现复制到剪切板

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>