评论：ZeroClipboard插件复制到粘贴板  [查看原文]

为什么我的只能支持到ie9啊，有一种被骗了的感觉啊~

为什么每次复制都是第一个div的内容，我用的$(this).html()不应该是点击那个div的内容吗？

<div class="copyContent2">DIV的内容2<img src="kefu1.jpg"></div>
<div class="copyContent2">DIV的内容3</div>
<div class="copyContent2" href="javascript:void(0)">复制textarea4</div>
<textarea class="copyContent" rows="5" cols="100"></textarea>

<script src="http://cdn.bootcss.com/zclip/1.1.2/jquery.zclip.min.js"></script>
<script>$(function() {
    $('.copyContent2').zclip({
      path: 'http://cdn.bootcss.com/zclip/1.1.2/ZeroClipboard.swf',
      copy: function() { //复制内容return $(this).html(); },afterCopy: function(){ //复制成功 alert('复制成功'); }   });}); 
</script>

<div class="copyContent2">DIV的内容2
  <img src="kefu1.jpg"></div>
<br>

<div class="copyContent2">DIV的内容3</div>
<br>

<div class="copyContent2" href="javascript:void(0)">复制textarea4</div>
<br>

<textarea class="copyContent" rows="5" cols="100"></textarea>
<script src="http://cdn.bootcss.com/zclip/1.1.2/jquery.zclip.min.js"></script>
<script>/** *需要在服务器上才能正常使用， *单纯的网页没有效果， *要放服务器上才有效果 **/
  $(function() {
    $('.copyContent2').zclip({
      path: 'http://cdn.bootcss.com/zclip/1.1.2/ZeroClipboard.swf',
      copy: function() { //复制内容 return $(this).html(); },afterCopy: function(){ //复制成功 alert('复制成功'); } }); }); 
</script>

为什么每次复制都是第一个div的内容，我用的$(this).html()不应该是点击那个div的内容吗

放到后台都不能用了？正愁着呢？

@lyanDeng 留言提供详细方法奖励10jq币

汉斯0
2016/3/2 17:03:17
那为啥不直接写在描述里面。。。

汉斯0
2016/3/2 17:03:58
如果别人提供我觉得给JQB还说的过去。。。

插件本身是没有问题的，不然也无法发布出来。。。下面简单介绍下使用方法（以插件中的代码为例）：

//NewFile.html

...

<button id="copy_button" data-clipboard-text="Copy Me!" title="Click to copy me." type="button" class="btn btn-primary">CopyToClipboard</button>

...

插件中复制的是data-clipboard-tex中的内容

在main.js中，copy_button既是触发弹出框的按钮，也触发该插件进行复制，将需要复制的内容赋给属性data-clipboard-text就可成功复制。如何获得需要复制的内容，例子如下：

<div id="copyContent">
这里是需要复制的内容，这里是需要复制的内容，这里是需要复制的内容。
</div>
<button id="copy_button" data-clipboard-text="" title="Click to copy me." type="button" class="btn btn-primary">CopyToClipboard</button>

<!--前提：已经引入jquery-->

<script>
$(function() {
  var content = $("#copyContent").text();//获得需要复制的内容  input框获取值用val()
  $("#copy_button").attr("data-clipboard-text", content); 
});
</script>
...

这个插件有问题啊，王修复，发表的内容名字，邮箱，如何更改，输入的内容 ，无法获取 ，始终是  content