Javascript 零剪贴板-如何使用_Javascript_Copy_Zeroclipboard

Javascript 零剪贴板-如何使用

javascript

Javascript 零剪贴板-如何使用,javascript,copy,zeroclipboard,Javascript,Copy,Zeroclipboard,我用这个我花了一整天的时间研究如何使用ZeroClipboard（ZC）。我甚至读了说明书：然后一步一步地跟着它，却做不到我试了一次又一次，但就是不能让它工作。我甚至花了数小时阅读stackoverflow的其他指南和其他页面，但都无法实现这一点。此外，大多数答案都过时了任何人都可以编写一个简单的工作ZC代码来复制段落标记： <p>Hello, I'm Armesh</p> 你好，我是Armesh 然后简单地告诉我ZC代码的每一部分，以及你为什么这样写我计

我用这个

我花了一整天的时间研究如何使用ZeroClipboard（ZC）。我甚至读了说明书：然后一步一步地跟着它，却做不到

我试了一次又一次，但就是不能让它工作。我甚至花了数小时阅读stackoverflow的其他指南和其他页面，但都无法实现这一点。此外，大多数答案都过时了

任何人都可以编写一个简单的工作ZC代码来复制段落标记：

<p>Hello, I'm Armesh</p>

你好，我是Armesh

然后简单地告诉我ZC代码的每一部分，以及你为什么这样写

我计划使用ZC复制生成器生成的引用：

这是我编写的代码，所有链接引用都是正确的：

<!DOCTYPE HTML>
<html>
<head>
    <title>Zero Test</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="javascripts/ZeroClipboard.js"></script>
</head>

<script language="JavaScript">
$(document).ready(function() {

  var clip = new ZeroClipboard($("#copy_button"), {
      moviePath: "javascripts/ZeroClipboard.swf"
    });     
});
</script>

<body>
<button id='#copy_button' data-clipboard-target='to_copy'><b>Copy To Clipboard</b></button>

<p id='to_copy'>123456</p>

</body>
</html>


零测试
$（文档）.ready（函数（）{
var clip=新的零剪贴板（$（“#复制_按钮”）{
moviePath:“javascripts/ZeroClipboard.swf”
});     
});
复制到剪贴板
123456

我还在谷歌浏览器上运行了上面的代码/网页，控制台中没有错误日志。它是空白的

好的，我让它工作了，我也认为我上面发布的代码是正确的

问题是我在本地进行测试，而浏览器通常会阻止flash在本地运行。这就是导致它失败的原因，尽管代码是正确的

作为最后的手段，我上传到我的网络服务器并尝试在线，效果很好

因此，在将ZeroClipboard上传到Web服务器后，始终在线测试它

您可以通过添加端口3000本地测试ZeroClipboard。

e、 g.

http://localhost:3000

您的代码中有一个Bug！查看按钮id属性并删除“#”

以及：如果您希望当前页面上有多个剪贴板按钮，请使用class属性而不是id

它现在很好用！；）

您可以发布一些您遇到的错误的详细信息吗？这里没有什么要做的。发布了我写的示例代码。你能看一下并告诉我出了什么问题吗？我注意到你在按钮的ID中（在HTML部分）放了一个#，有什么原因吗？谢谢你，先生，我很沮丧。。。示例和API非常混乱，所有浏览器都支持吗？如果通过localhost运行它（例如，在本地Windows计算机上安装XAMPP（如果使用Windows）），它是否有效？是的，我使用的是WAMP。它无法工作，因为它位于本地主机上。所以我的浏览器禁用了flash，这导致它无法工作。我不明白，我尝试了你的解决方案，我有一个激活的flash，但它仍然无法工作。为什么可以只在线使用，而不在本地计算机或测试环境中使用？