Javascript Zeroclipboard,由class=”的任何元素触发;“复制”;
我和其他许多人一起浏览了这个网站,但我在任何地方都看不到答案 我目前有一个有多个按钮和预览窗格的网站。预览窗格中显示的文本因用户当前悬停的按钮而异Javascript Zeroclipboard,由class=”的任何元素触发;“复制”;,javascript,html,flash,class,zeroclipboard,Javascript,Html,Flash,Class,Zeroclipboard,我和其他许多人一起浏览了这个网站,但我在任何地方都看不到答案 我目前有一个有多个按钮和预览窗格的网站。预览窗格中显示的文本因用户当前悬停的按钮而异 <body> <div="preview_pane"> <!--ALL TEXT IS SHOWN HERE --> </div> <div id="button_group"> <div class="copy_me" id="stock1"></div>
<body>
<div="preview_pane"> <!--ALL TEXT IS SHOWN HERE --> </div>
<div id="button_group">
<div class="copy_me" id="stock1"></div> <!--THIS SHOWS STOCK TEXT-->
<div class="copy_me" id="stock2"></div> <!--COMPLETELY DIFFERENT TEXT-->
<div class="copy_me" id="stock3"></div> <!--YET SOME OTHER DIFFERENT TEXT-->
<div class="copy_me" id="stock4"></div> <!--OTHER COMPLETELY DIFFERENT TEXT-->
</div>
</body>
我想做的是让zeroclipboard用类copy\u me在任何按钮上创建flash覆盖。所有这些按钮都需要复制预览窗格中显示的文本
这样,当用户将鼠标悬停在按钮上时,预览窗格中的文本将更改,然后当用户单击时,预览窗格中的文本将复制到用户剪贴板
我不能手动添加脚本到每个按钮,因为将有超过50个股票文本按钮
我没有flash或javascript方面的经验(只涉猎过jQuery),所以这对我来说是全新的东西
任何帮助都将不胜感激。我快速查看了zeroclipboard的api文档,我希望您使用glue方法,并传递一个dom节点数组。在本例中,您希望所有节点的类名为“copy_me”,因此:
您提到了jQuery。这将使您的工作更轻松:
var client = new ZeroClipboard($('.copy_me'));
见:
另见:
回答了一个类似的问题 尝试使用它可以直接访问jquery,并且可以在return语句中使用自己的逻辑 包括jquery.zclip.js 下载并保存ZeroClipboard.swf 以下是一个片段:
$(".class-to-copy").zclip({
path: "assets/js/ZeroClipboard.swf",
copy: function(){
return $(this).attr("data-attribute-with-text-to-copy");
}
});
确保更改swf的路径
$(".class-to-copy").zclip({
path: "assets/js/ZeroClipboard.swf",
copy: function(){
return $(this).attr("data-attribute-with-text-to-copy");
}
});