实现需求:点击按钮,复制文本内容到剪切板
html结构:
<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">
<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">复制</button>
js部分:
首先引入clipboard.min.js
//实例化复制对象
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
console.log('复制成功')
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
e.clearSelection();
});
clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
clipboard.min.js下载地址及更多用法,请参考clipboard.js
网友评论