为什么 ZeroClipboard 在第二次点击时起作用？答案

【问题标题】：Why ZeroClipboard works on second click?为什么 ZeroClipboard 在第二次点击时起作用？
【发布时间】：2014-12-09 10:08:53
【问题描述】：

我在这里发布了我的问题示例，而不是我的真实代码（代码太多......）。 “复制到剪贴板”按钮在第一次点击时不会复制任何内容......仅在第二次点击时：（请帮助

JSP 文件

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<button onclick="addCopyButton()">Show copy Button</button>
<div id="theCopyButton"></div>

<!-- javascript sources -->
<script src="resources/js/jquery.min.js"></script>
<script src="resources/js/copy.js"></script>
<script src="resources/js/ZeroClipboard.min.js"></script>
</body>
</html>

JS 文件

$(document).ready(function(){
    ZeroClipboard.config( { moviePath: '/goblin/resources/flash/ZeroClipboard.swf' } );
});

function addCopyButton(){
    $('#theCopyButton').html('<br/><button type="button" onclick="toClipboard()">Copy to clipboard</button>');
}

function toClipboard(){
    $('#theCopyButton').attr('data-clipboard-text', 'dynamic text');
    var zeroClipboard = new ZeroClipboard($("#theCopyButton"));
}

【问题讨论】：

标签： javascript jsp copy clipboard zeroclipboard

【解决方案1】：

您可以按如下方式修改您的代码。

$(document).ready(function () {

        this.zero_clipboard = new ZeroClipboard($(".copy-button")).on('load', function (client, args) {
        }).on('complete', function (client, args) {   
            client.setText(args.text);
        }).on( 'mouseover', function (client, args) {
            client.setText(args.text);
        });


    });

【讨论】：

我尝试了代码，但它不起作用。我有同样的问题。请同时查看此帖子stackoverflow.com/questions/35461387/…