知识 分享 互助 快乐十分玩法与奖金

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    湖南快乐十分总动员:js复制内容到剪贴板插件(clipboard.js)

    作者:佳明妈 来源:郑州网站设计 2016-12-06 人气:
    js复制内容到剪贴板插件clipboard.js,clipboard插件实现了js复制/剪切功能,浏览器兼容IE9以及IE9+和其他新版浏览器。clipboard.js体积也非常小巧,压缩版11K,如果启用GZIP的话只有3K大小

    快乐十分玩法与奖金 www.j63d3.cn js复制内容到剪贴板插件clipboard.js,clipboard插件实现了js复制/剪切功能,浏览器兼容IE9以及IE9+和其他新版浏览器。clipboard调用方法友好,实现方式多样,亦可自定义文本获取方案。

    clipboard.js体积也非常小巧,压缩版11K,如果启用GZIP的话只有3K大小

    clipboard.js的官方演示

    constructor-node
    constructor-nodelist
    constructor-selector
    function-target
    function-target
    function-target
    function-target
    function-target

    clipboard.js的DOM结构参考

    从另一个元素复制文本

    <input id="foo" value="https://github.com/zenorocha/clipboard.js.git">
    <button class="btn" data-clipboard-target="#foo"> COPY </button>
    

    把文本从另一个元素剪切走

    被剪切的目标文本会消失掉

    <textarea id="bar">Mussum ipsum cacilds...</textarea>
    <button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar"> 把文本从另一个元素剪切走 </button>
    

    从dom节点的属性复制文本

    <button class="btn" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js"> 复制 </button>
    

    clipboard.js插件引用

    在页面中引入js文件,注意你的js文件路径

    <script src="dist/clipboard.min.js"></script>
    

    实例化并且监听success和失败

    //快乐十分玩法与奖金//www.j63d3.cn/
    var clipboard = new Clipboard('.btn');
    clipboard.on('success', function(e) {
        //您可以加入成功提示
        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.js插件参数

    如果你不想修改HTML,那里是一个很方便的命令式API供您使用。所有您需要做的就是声明一个函数,做你的事,并返回一个值。

    例如,如果你想要动态设定了一个目标,你需要返回一个节点。

    new Clipboard('.btn', {
        target: function(trigger) {
            return trigger.nextElementSibling;
        }
    });
    

    如果你想要动态地设置一个文本,你会返回一个字符串。

    new Clipboard('.btn', {
        text: function(trigger) {
            return trigger.getAttribute('aria-label');
        }
    });
    

    如果你正在与单页应用程序,您可能想要管理的生命周期DOM更精确。这是你如何清理我们创建的事件和对象。

    var clipboard = new Clipboard('.btn');
    clipboard.destroy();
    

    clipboard.js浏览器支持情况

    clipboard.js浏览器支持情况
    ↓ 查看全文

    js复制内容到剪贴板插件(clipboard.js)由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    快乐十分玩法与奖金就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    js复制内容到剪贴板插件(clipboard.js)-最新评论

  • 2018年北京高考阅卷21万份 23日发布成绩 2019-02-15
  • 爬窗户干瞪眼  云南文山一小区惊现倭蜂猴 2019-02-15
  • 海口滞留游客咋样了?还有5000余辆车排队过海 2019-02-11
  • 纪念毛泽东《对晋绥日报编辑人员的谈话》 发表70周年研讨会在京召开 2019-01-12
  • 高中语文中的230个错别字,你能对几个? 2019-01-12
  • 广州图书馆:大美 · 国风民歌音乐会 2018-12-30
  • 杨箕寺右 百余龙舟齐汇江面 2018-12-26
  • 女性之声——全国妇联 2018-12-26
  • 南宁以秀美市容环境迎"两会" 舒适广场获市民点赞 2018-12-25
  • 反校园暴力法,这个必须有 春城壹网 七彩云南 一网天下 2018-12-25
  • 金灿荣 美国想遏制中国根本不可能, 我们和苏联不一样! 2018-12-09
  • 到户就不是计划经济,统一经营坚持集体的是计划经济。 2018-11-30
  • 过半美国人希望“特普”会面 以期改善美俄关系 2018-11-24
  • 专家:美方一意孤行 必将损人害己 2018-11-22
  • 【克山天气】最新克山今天天气,实时提供克山气温、空气质量、24小时天气预报、生活指数查询 2018-11-22
  • 836| 64| 114| 405| 162| 21| 265| 622| 434| 923|