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

2014-03-19 24

这里需要三个插件,分别是:

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>
展开阅读全文

更多Javascript文章

QQ登录简单实现代码
Mar 09 25
如何让DIV可编辑、可拖动示例代码
Sep 18 51
jquery带翻页动画的电子杂志代码分享
Aug 21 19
基于Bootstrap重置输入框内容按钮插件
May 12 20
javascript 注释代码的几种方法总结
Jan 04 28
jQuery插件ContextMenu自定义图标
Mar 15 17
JsonProperty 的使用方法详解
Oct 11 24
手机访问当前页面