zoukankan      html  css  js  c++  java
  • 最好用的html复制插件——Clipboard.js

    官网:http://www.clipboardjs.cn/

    (定时触发,页面加载前触发,页面加载后触发,点击触发,鼠标触发,内容改变后触发)

    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>
    
    <div id="ta" contenteditable="true" style="border:1px solid red">
        <p>
            <font color="#b6b6b6"><span style="font-size: 28px;">[发怒][调皮][调皮][偷笑][偷笑][发怒]</span></font>
        </p>
    </div>
    
    <button id="target" action="copy" data-clipboard-target="#ta">Copy to clipboard</button>
    
    <script>
        var clipboard = new Clipboard('#target'),
            timer;
            
        clipboard.on('success', function(e) {
            console.info('Action:', e.action);
            console.info('Text:', e.text);
            console.info('Trigger:', e.trigger);
        
            e.clearSelection();
            clearInterval(timer);
            alert('复制成功,停止计时器')
        });
        
        clipboard.on('error', function(e) {
            console.error('Action:', e.action);
            console.error('Trigger:', e.trigger);
        });
        
        $(window).load(function() { //自动复制
            timer = setInterval(function() {
                $('#target').trigger('click');
            }, 1000)
        });
        
        clipboard.destroy();
    </script>
    一辈子很短,努力的做好两件事就好;第一件事是热爱生活,好好的去爱身边的人;第二件事是努力学习,在工作中取得不一样的成绩,实现自己的价值,而不是仅仅为了赚钱。
  • 相关阅读:
    greta一些简单实用的字符串匹配
    内存管理
    粒子系统
    资源的后台加载
    GRETA正则表达式模板类库
    便利的开发工具log4cpp快速使用指南
    vc/mfc/vs2005下正则表达式源代码编程/微软greta Regular Expressions
    GRETA库在VS 2005环境下的编译经验
    揭开正则表达式的神秘面纱
    greta简单使用
  • 原文地址:https://www.cnblogs.com/antao/p/13383386.html
Copyright © 2011-2022 走看看