ZeroClipboard插件的使用，ZeroClipboard插件如何批量初始化

最新推荐文章于 2017-08-17 15:15:00 发布

转载最新推荐文章于 2017-08-17 15:15:00 发布 · 75 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/ptk/blog/494474

本文介绍了一种结合HTML和JavaScript实现的文本复制功能，通过ZeroClipboard库的支持，使得用户能够轻松复制网页上的特定文本内容。该方案适用于博客、教程等需要分享代码片段的场景。

为什么80%的码农都做不了架构师？>>>

html代码

<span ids="{$info['s_id']}" class="cpcontent">{$info['message']}</span>//文字
<input id="cpbtn{$info['s_id']}" type="button" class="chobtn btn cpbtn" value="复制文本" />//按钮

js代码

ZeroClipboard.config({ swfPath: '/static/2014/js/ZeroClipboard/ZeroClipboard.swf' });  
 
function initCopy($o) {  
  var text = $o.html(); 
  var k = $o.attr('ids');
  if (text) {  
      new ZeroClipboard($('#cpbtn'+k)).on("copy", function (event) {  
          var clipboard = event.clipboardData;  
          clipboard.setData("text/plain", text);  
          alert('复制成功');  
      });  
  }  
}  
     
$('.cpcontent').each(function (i, o) {  
    initCopy($(o));
});

其中文字