JQ 实现复制到剪切板
发布:HelloJq 时间:2024-10-27
引入JS 插件 clipboard.js
使用方法:
$(document).ready(function(){ var clipboard = new ClipboardJS('.btn'); clipboard.on('success', function(e) { alert('复制成功'); }); clipboard.on('error', function(e) { alert('复制失败'); }); });
1、复制input输入框的值到剪切板
<input id="foo" type="text" value="hello">
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">复制</button>
<div>hello</div>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="div">复制</button>