javascript - 使用 zclip 单击两次按钮后复制剪贴板即可工作

标签 javascript jquery zeroclipboard zclip

不知道为什么我的下面不能单击一次,它需要单击两次才能复制。

<html>
<body>
<script type="text/javascript" src="JQuery.js"></script>
<script type="text/javascript" src="zClip.js"></script>

<textarea id="fe_text" cols="50" rows="5"></textarea>

<input type="button" id="copyTxt" name="copyTxt" value="Copy Div to Clipboard" />

    <script language="JavaScript">
    $(document).ready(function()
    {       
        $('#copyTxt').click(function()
            {
               //alert($('#fe_text').val());
               $(this).zclip(
               {
                   path: 'ZeroClipboard.swf',
                   copy: $('#fe_text').val(),
                   afterCopy: function()
                   {
                       console.log($('#fe_text').val() + " was copied to clipboard");
                   }
               });
            });
    });


    </script>
</body>
</html>

请问是什么原因

谢谢。

最佳答案

您的代码将 zclip 设置为在单击一次后开始监视点击。

$(document).ready(function()
{       
    //$('#copyTxt').click(function()
    //    {
           //alert($('#fe_text').val());
           $('#copyTxt').zclip(
           {
               path: 'ZeroClipboard.swf',
               copy: function(){ return $('#fe_text').val(); },
               afterCopy: function()
               {
                   console.log($('#fe_text').val() + " was copied to clipboard");
               }
           });
    //    });
});

如果你看their documentation ,它显示了在 $(document).ready 中直接调用 zclip 插件。

关于javascript - 使用 zclip 单击两次按钮后复制剪贴板即可工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13880706/

相关文章:

javascript - 显示填充正文的登录页面

javascript - jQuery ajaxSend - 哪个元素触发了 ajax?

javascript - 如何在div的底部保持滚动条?

javascript - C++,win32 API : How to create an html rendering window so that your application would get callbacks from JS calls?

javascript - 我怎样才能在标记下显示文本

javascript - 如何通过单击一次在 jsFiddle 上的 jQuery 中获得简单的 ZeroClipboard 复制到剪贴板设置?

jquery - Zeroclipboard悬停问题

javascript - 在 For 循环中分配 JQuery On Click 函数

jquery - ExtJS 4 中的 slim 滚动条

twitter-bootstrap - Twitter Bootstrap & ZeroClipboard.swf(缺少文件错误)