Js/jQuery复制文本到剪切板

2019-05-22  本文已影响0人  午后三点的阳光

实现需求:点击按钮,复制文本内容到剪切板
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

上一篇 下一篇

猜你喜欢

热点阅读