zoukankan      html  css  js  c++  java
  • 移动端点击按钮复制文本

    话不多说直接上代码

    <!DOCTYPE html>  
    <html lang="en">  
    <head>  
        <meta charset="UTF-8">  
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
        <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>  
        <title>移动端复制到剪贴板!</title>  
    </head>  
    <body>  
    <p>哈哈<span id="target">你没看错,就是复制的这里</span></p>  
    <button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">  
        复制按钮  
    </button>  
      
    </body>  
    <script>  
        $(document).ready(function(){  
            var targetText=$("#target").text();  
            var clipboard = new Clipboard('#copy_btn');  
      
            clipboard.on('success', function(e) {  
                console.info('Action:', e.action);  
                console.info('Text:', e.text);  
                console.info('Trigger:', e.trigger);  
                alert("复制成功");  
      
                e.clearSelection();  
            });  
        });  
    </script>  
    </html>
  • 相关阅读:
    第十次作业
    第九次作业总结
    第九次作业
    第八次作业总结
    第七次作业总结
    第六次总结
    第十二次作业总结
    第十一次作业总结
    第十次作业总结
    第九次作业总结
  • 原文地址:https://www.cnblogs.com/zshno1/p/11252148.html
Copyright © 2011-2022 走看看