ZeroClipboard 实现答案

【问题标题】：ZeroClipboard ImplementationZeroClipboard 实现
【发布时间】：2014-08-18 18:47:48
【问题描述】：

我正在使用 JavaScript 在本地分析数据。我正在尝试实现 ZeroClipboard 以将相当大的 HTML 表复制到剪贴板。我得到了在以下JSFiddle 中工作的示例代码。我也可以从 Web 服务器成功运行此代码。然而，我遇到的问题是，这个确切的代码不能在浏览器中本地运行，而浏览器正是使用它的地方。为什么它不能在本地工作，我怎样才能让它工作？或者是否有另一种方法可以将巨大的 HTML 表格复制到剪贴板？正在寻找前端解决方案。

下面是代码：

<html>
    <head></head>
    <body>
        <button id="copy-button" data-clipboard-text="Copy Me!" title="Click to copy me.">Copy to Clipboard</button>
        <script src="http://zeroclipboard.org/javascripts/zc/v2.1.6/ZeroClipboard.js"></script>
        <script>
            window.onload = function(){
            var client = new ZeroClipboard( document.getElementById("copy-button") );

            client.on( "ready", function( readyEvent ) {
              alert( "ZeroClipboard SWF is ready!" );

                  client.on( "aftercopy", function( event ) {
                        // `this` === `client`
                        // `event.target` === the element that was clicked
                        event.target.style.display = "none";
                        alert("Copied text to clipboard: " + event.data["text/plain"] );
                  });
                });
            }
        </script>
    </body>
</html>

【问题讨论】：

标签： javascript copy html-table clipboard zeroclipboard

【解决方案1】：

尝试从脚本 src 中删除 http:，使其显示为 <script src="//zeroclipboard.org/javascripts/zc/v2.1.6/ZeroClipboard.js"></script>

还有你的 swf 文件在本地哪里？这可能是问题所在 - 请记住，它应该与 HTML 位于同一文件夹中或以其他方式声明

【讨论】：