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>
    一辈子很短,努力的做好两件事就好;第一件事是热爱生活,好好的去爱身边的人;第二件事是努力学习,在工作中取得不一样的成绩,实现自己的价值,而不是仅仅为了赚钱。
  • 相关阅读:
    MVC路由配置例
    js制作烟花效果
    限制帐号同时两处以上登录-ASP.NET
    地图按范围查找-经纬度计算
    多种JSON格式及遍历方式
    .net错误日志记录(log4)
    .net WebServer示例及调用(接口WSDL动态调用 JAVA)
    关于大型网站技术演进的思考
    优化网站加载速度的14个技巧
    大型网站架构改进历程
  • 原文地址:https://www.cnblogs.com/antao/p/13383386.html
Copyright © 2011-2022 走看看