js复制粘贴功能（兼容浏览器）

最新推荐文章于 2024-04-12 18:31:57 发布

dakache11

最新推荐文章于 2024-04-12 18:31:57 发布

阅读量1.2k

点赞数 1

文章标签：复制

<!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>    
<button class="btn" data-clipboard-text="http://baidu.com">
      点我复制
</button>

</body>    
<script>    
  
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();
    alert("复制成功");
});

clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
});
</script>    
</html>

方式二

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

具体

http://www.cnblogs.com/yunser/p/7628031.html

祝工作顺利，身体健康

dakache11

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
js复制粘贴功能（兼容浏览器）

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"&gt;&lt;/
复制链接

扫一扫