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

2014-03-19 4

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

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文章

js中的前绑定和后绑定详解
Aug 01 25
以JSON形式将JS中Array对象数组传至后台的方法
Jan 06 7
[原创]推荐10款最热门jQuery UI框架
Aug 19 7
基于JavaScript实现TAB标签效果
Jan 12 4
Vue概念及常见命令介绍(1)
Dec 08 5
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
Mar 06 6
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 8
手机访问当前页面