吐槽做得很不错的ZeroClipboard

来源:互联网 发布:唯之与阿相去几何 知乎 编辑:程序博客网 时间:2024/06/10 10:41
ZeroClipboard用于将内容复制到剪贴板中,浏览器兼容做得非常好,几乎所有都能用,但是这货的Github上的案例居然不是最新版本的,而网上一搜,五花八门。各种方式加载调用,甚至都不知道哪些是被弃用了的。

而官网给出的demo中居然没有示例代码。就一个功能让你玩,要想知道怎么回事,呵呵 ,自己翻原码去。



这里把1.3.5 版本的使用方法拿来共享下

js

<script type="text/javascript" src="<%=path%>/scripts/zeroclipboard-1.3.5/ZeroClipboard.min.js"></script>

$(document).ready(function(){//插件ZeroClipboard 实现 复制到 剪切板 的功能--------------- start --------------------------------------ZeroClipboard.config({            moviePath: '<%=path%>/scripts/zeroclipboard-1.3.5/ZeroClipboard.swf',            swfPath: '<%=path%>/scripts/zeroclipboard-1.3.5/ZeroClipboard.swf'        });  //  $("#copyUrl")  获取绑定 按钮      var client = new ZeroClipboard($("#copyUrl"));        client.on("load", function (readyEvent) {      // 设置复制到剪切板 的 值      client.setText($("#downloadUrl").val() );// success!          client.on("complete", function (client, args) {            popupMessage("<s:text name="ekc.folder.copy.success"/>");          });        });//插件ZeroClipboard 实现 复制到 剪切板 的功能--------------- end --------------------------------------});// end ready function

html:

<div style="margin-top:-2px;">  <input readonly="true" style="width: 90%;" id="downloadUrl" value="aaaaaaaaaaaaaaaa"/>      &nbsp;&nbsp;  <div id="d_clip_container" style="float:right;">    <button class="btn" id="copyUrl" ><s:text name="ekc.knowledge.file.copy"></s:text></button>     </div>                                </div>


0 0