这里需要三个插件,分别是:
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>
<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>
最后
以上就是要减肥钢笔最近收集整理的关于兼容所有浏览器的js复制插件Zero使用介绍的全部内容,更多相关兼容所有浏览器内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复