zoukankan      html  css  js  c++  java
  • clipboard.js -- js实现将文本复制到剪贴板的方法

    资源

    推荐使用:clipboard.js

    官方教程地址:https://clipboardjs.com/#example-text

    官方github地址:https://github.com/zenorocha/clipboard.js/

    基本用法解答

    1、data-clipboard-target  在触发器元素中添加属性来实现

    new ClipboardJS('.btn')
    
    <input id="foo" value="我是被copy的值">
    
    <button class="btn" data-clipboard-target="#foo"></button>

    2、data-clipboard-action属性以指定是要copy还是cut内容

    new ClipboardJS('.btn')
    
    <textarea id="bar">我是被copy或者cut的内容</textarea>
    
    <button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar"></button>

    3、data-clipboard-text在触发器元素中包含一个属性

    new ClipboardJS('.btn')
    
    <button class="btn" data-clipboard-text="我是被copy的值"></button>

    4、在bootstrap模态框modal里使用clipboard.js时复制失效

    new Clipboard('.btn', {
        container: document.getElementById('modal') //html所在模态框ID
    });

    5、更多高级用法请参考官方文档:https://clipboardjs.com/#example-text

  • 相关阅读:
    python--输出spwm的数组
    爬虫二:爬取糗事百科段子
    爬虫一:爬取信息
    Python中的切片操作
    JSON
    python 中的异常处理与种类
    register的功能
    static的功能
    网络安全的认识
    VMware5.5-vCenter Converter(转换)
  • 原文地址:https://www.cnblogs.com/qiaduan/p/10250424.html
Copyright © 2011-2022 走看看