个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
流程摘要:我写了一个jsp页面和一个js文件。该 jsp 包括带有可点击区域的表单。当用户单击此处时，js 将带有 onclick 方法的按钮添加到 jsp 中，如果用户单击该按钮，则应将一些文本复制到剪贴板。
JS将按钮添加到jsp中:
<button id="copyToClipboard" title="Copy to clipboard" type="button" onclick="shareTransaction($(this))"></button>
JS onclick:
function shareTransaction(e) {
$('#copyToClipboard').attr('data-clipboard-text',$(location).attr('protocol')+'//'+$(location).attr('host')+'/goblin/'+result);
var zeroClipboard = new ZeroClipboard($("#copyToClipboard"));
}
第一次点击时，没有任何反应。第二次点击-文本复制成功。
最佳答案
您可以尝试在单击按钮之前初始化 ZeroClipboard 对象。
示例代码:
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.0.0/ZeroClipboard.Core.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.0.0/ZeroClipboard.js"></script>
<script type="text/javascript">
function initZc(){
var button = $("button");
console.log(button)
var clip = new ZeroClipboard(button);
clip.on( 'ready', function(event) {
clip.on('copy', function(event) {
event.clipboardData.setData('text/plain', "working");
});
} );
};
$(document).ready(function(){
$(document.body).append($("<button>click to copy</button>"));
initZc();
});
</script>
</head>
<body>
</body>
</html>
关于javascript - ZeroClipboard 在第一次单击时不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25601264/
27
4
0
我正在使用 zClip在我的网站上复制文本框中的几件东西，我让一切正常，但现在，没有改变任何东西，它停止工作。 原因是文件的主机ZeroClipboard.swf已删除该文件或由于某种原因使其无法访问
friend 们，早安。我无法让 zeroclipboard 与我的页面一起使用。在 HTML 页面中我有: //Script was loaded successfully. ... Test
我正在使用这个 http://jonrohan.github.io/ZeroClipboard/ 我花了一整天的时间弄清楚如何使用 ZeroClipboard(ZC)。我什至阅读了说明:https:/
这里的问题非常简单，我在文档中找不到它，希望这里有人能给我指出正确的方向。 https://github.com/zeroclipboard/zeroclipboard 在ZeroClipboard中
我正在使用 ZeroClipboard。我已在“/web-app/js/”中加载 ZeroClipboard.js 和 ZeroClipboard.swf 文件。我的代码如下， Copy this
我不知道我在下面的代码中做错了什么，当我单击动态注入(inject)的复制代码时，我只得到最后一个值，即(文本264)。在所有按钮上。你能指出我错在哪里吗？感谢任何形式的帮助。 Cop
我使用的是 JS 版本的 ZeroClipboard。 当用户单击复制按钮时，我想从 data-clipboard-text 捕获数据，并向其中添加一些额外的数据，然后将其复制到剪贴板。 这是我当前正
当我运行可访问性测试时，如果我有 ZeroCLipBoard 的实例，则会出现错误。 例如用斧头: Ensures elements have alternate text 最佳答案 实例化 Zer
我一直在应用程序中实现 ZeroClipboard，但在注册鼠标事件时遇到了障碍。详情如下: ZeroClipboard 版本:2.1.6 ( https://github.com/zeroclipb
我在代码中创建多个 Zeroclipboard 实例时遇到问题，每个实例在调用后都会启动一个弹出窗口。 FRSDE3RD FRSDE3RD2 FRSDE3RD3 $(document).ready(f
我有 2 个 pre block ，每个 block 都用一个 div 包裹并有一个复制按钮。 copy content of 1st pre copy cont
按照他们网站上的说明:https://github.com/jonrohan/ZeroClipboard/blob/master/docs/instructions.md 我复制并粘贴了页面底部的最小
我不确定我做错了什么，但我们将其作为本地文件运行 C:\Users\Username\Desktop\common\Common.htm 我不知道为什么它不复制文本框。我尝试了很多不同的方法。我错过了
好吧，我承认一开始我有点难以理解。 我有一些代码运行良好。我创建了一个全局数组变量 z1=[];，然后使用唯一引用键 r 和以下代码将 ZeroClipboard 对象存储在数组中。 (这本身可能是邪
使用 ZeroClipboard - 成功调用 'load' 回调，但单击 'copy-button' 元素不会导致 'complete' 触发回调。 JS: var script = documen
流程摘要:我写了一个jsp页面和一个js文件。该 jsp 包括带有可点击区域的表单。当用户单击此处时，js 将带有 onclick 方法的按钮添加到 jsp 中，如果用户单击该按钮，则应将一些文本复制
我正在使用 JavaScript 在本地分析数据。我正在尝试实现 ZeroClipboard 将相当大的 HTML 表复制到剪贴板。我得到了可以在以下 JSFiddle 中工作的示例代码。我还可以从网
出于某种原因，当我刷新页面时，此 zeroclipboard 实现只工作了大约一半时间。它在完全 https 页面上作为 https 提供。需要注意的一件有趣的事情是，当我刷新页面时我可以知道它不会工
使用 ZeroClipboard，在页面加载时，如果没有 Adobe Flash，我想隐藏“复制到剪贴板”按钮。 我知道有noflash和wrongflash事件，但我想知道是否可以使用这些事件来
我尝试改变整个的颜色在悬停时，但是我无法让它与 Zeroclipboard 一起工作，而且光标也没有改变，有没有人知道如何让它工作？ (至少在我的浏览器中:Google Chrome 版本 37.0.
我是一名优秀的程序员,十分优秀！