javascript - ZeroClipboard - 如何使用

标签 javascript copy zeroclipboard

我正在使用这个 http://jonrohan.github.io/ZeroClipboard/

我花了一整天的时间弄清楚如何使用 ZeroClipboard(ZC)。我什至阅读了说明:https://github.com/jonrohan/ZeroClipboard/blob/master/docs/instructions.md 一步步跟着做,做不出来。

我一次又一次地尝试,但我就是无法让它工作。我什至花了几个小时阅读 stackoverflow 上的其他指南和其他页面,但都无法正常工作。此外,大多数答案都已过时。

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

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

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

我计划使用 ZC 复制由我的生成器生成的引用:http://anonoz.com/armesh/

这是我写的代码,所有链接引用都是正确的:

<!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>

我也在 Google Chrome 中运行了上面的代码/网页,在控制台中没有错误日志。它是空白的。

最佳答案

好的,我成功了,我也认为我上面发布的代码是正确的。

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

作为最后的手段,我上传到我的网络服务器并在线尝试,它工作正常。

因此,请始终在将 ZeroClipboard 上传到您的 Web 服务器后在线测试它。

关于javascript - ZeroClipboard - 如何使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15813332/

相关文章:

javascript - 服务中的Android webview?

javascript - Vaadin 14 中的 Google map

javascript - 开发屏幕截图 chrome 扩展

excel - VBA Excel : Copy column with start position and destination position

docker - 使用 Docker Compose 将文件复制到容器

javascript - 在 Javascript 中使用 zclip 插件复制和粘贴格式化文本

javascript - 你如何在 Node 中解码 gtfs protobufs

angular - 生成构建后如何将 Angular dist 内容复制到另一个位置?

jquery .load 之后 javascript 不起作用

javascript - ZeroClipboard 给出错误