-->

signed

QiShunwang

“诚信为本、客户至上”

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

2021/6/9 0:15:05   来源:
这里需要三个插件,分别是:

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>
您可能感兴趣的文章:
  • 使用js完成节点的增删改复制等的操作
  • JS将制定内容复制到剪切板示例代码
  • 网站内容禁止复制和粘贴、另存为的js代码
  • 用js将内容复制到剪贴板兼容浏览器
  • js实现的复制兼容chrome和IE
  • 在Node.js中实现文件复制的方法和实例
  • 深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
  • Javascript 实现复制(Copy)动作方法大全
  • js实现点击后将文字或图片复制到剪贴板的方法
  • 原生js实现复制对象、扩展对象 类似jquery中的extend()方法
  • 兼容主流浏览器的JS复制内容到剪贴板
  • Javascript复制实例详解