美文网首页
Js/jQuery复制文本到剪切板

Js/jQuery复制文本到剪切板

作者: 午后三点的阳光 | 来源:发表于2019-05-22 12:32 被阅读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

    相关文章

      网友评论

          本文标题:Js/jQuery复制文本到剪切板

          本文链接:https://www.haomeiwen.com/subject/jqbyzqtx.html