龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

兼容所有浏览器的js复制插件Zero使用介绍

时间:2014-05-30 15:09来源:网络整理 作者:网络 点击:
分享到:
这篇文章主要介绍了兼容所有浏览器的js复制插件Zero的使用,需要的朋友可以参考下
这里需要三个插件,分别是:

jquery.js

ZeroClipboard.js

ZeroClipboard.swf

祝你好运!
代码如下:

<meta charset="utf-8" />

<button id="d_clip_button" data-clipboard-target="fe_text" >点击复制</button>
<input id="fe_text" value="Testing text." />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="ZeroClipboard.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

ZeroClipboard.setDefaults({
moviePath: "ZeroClipboard.swf"
});

var clip = new ZeroClipboard($("#d_clip_button"));

clip.on("load", function(client) {
console.log("ZeroClipboard.");

client.on("complete", function(client, args) {
console.log("内容己复制 :" + args.text);
});
});
});
</script>
精彩图集

赞助商链接