无法使用zClip解析剪贴板 - jQuery ZeroClipboard

时间:2012-11-29 16:34:40

标签: javascript jquery html

我正在使用它将文本复制到剪贴板中..(不要将消息作为'文本在Cliboard中复制'

http://www.steamdev.com/zclip/

我试过这样,但是我无法将复制的文本复制到剪贴板中。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
  <script type="text/javascript" src="js/jquery.zclip.js"></script>

  <script>
    $(document).ready(function() {
      $('textarea#showthis').zclip({
        path: 'js/ZeroClipboard.swf',
        copy: function() {
            return $('#showthis').val();
        }
      });
    });
  </script>
 </head>

 <body>
  <textarea id="showthis" readonly>hi, how are you?</textarea>
 </body>
</html>

请告诉我出了什么问题! (我不知道JavaScript和jQuery的东西!)

我正在使用Chrome,我记得我的PC上已经安装了正确的Flash ...

已编辑:我正在尝试的内容:单击“TextArea”后,textarea中的文本应立即复制

1 个答案:

答案 0 :(得分:1)

您需要一个复制按钮。 Zclip应该附加到用户单击以复制文本的按钮 - 而不是textarea本身。

试试这个:

$(document).ready(function(){
    $("#showthisButton").zclip({
        path: "js/ZeroClipboard.swf",
        copy: function () {
            return $('#showthis').val();
        }
    });
});

HTML应该是这样的:

<textarea id="showthis">hi, how are you?</textarea>
<input type="button" id="showthisButton" value="Copy">

如果您需要更多帮助,请询问。