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");
    }
});