javascript - ZeroClipboard实现

我正在使用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>

最佳答案

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

您的SWF文件在本地也位于哪里？这可能是问题所在-请记住，它是与HTML放在同一文件夹中，或者否则声明为

关于javascript - ZeroClipboard实现，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25370065/

zeroClipboard

javascript - ZeroClipboard实现