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

166 阅读 0 评论 110 点赞

我是靠谱客的博主要减肥钢笔，最近开发中收集的这篇文章主要介绍兼容所有浏览器的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> 