码迷,mamicode.com
首页 > 移动开发 > 详细

移动端点击按钮复制文本

时间:2019-07-26 19:43:36      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:oct   script   col   target   meta   就是   copy   sde   targe   

话不多说直接上代码

<!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>

 

移动端点击按钮复制文本

标签:oct   script   col   target   meta   就是   copy   sde   targe   

原文地址:https://www.cnblogs.com/zshno1/p/11252148.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!