zeroclipboard 介绍
zeroclipboard是一款基于Flash的，兼容性较强的用于剪贴板复制的 js 插件 ，它是基于 Flash 来实现跨浏览器的复制 功能 的。
添加 js引用
<script src="Assets/js/jquery-1.8.3.min.js"></script>
<script src="Assets/js/ZeroClipboard/ZeroClipboard.js"></script>
初始化 插件 ?
$(function () {
Init cop yToClipboard('btn cop yToClipBoard');
});
//将 内容 复制到剪切板
function Init cop yToClipboard(btnId) {
ZeroClipboard.setMoviePath("Assets/js/ZeroClipboard/ZeroClipboard.swf"); //设置flash 文件 在项目中的位置
var clip = new ZeroClipboard.Client(); // 新建 一个 对象
clip.setHandCursor(true);
clip.addEventListener(' onmouseup ',function (client) { //创建监听
// 可以 在这 儿写 一个 方法 处理相应的事件逻辑
clip.setText('要复制到剪切板中的 内容 ');
});
clip. glu e(btnId); //将flash覆盖至指定ID的DOM上
//窗口大小发生变化时从新将flash覆盖至制定的id上，否则位置不对应导致点击时没反应
bind(window,"resize",function () {
clip.reposition();
});
return false;
}
/************************************
* 添加 事件绑定
* @p ara m obj : 要绑定事件的元素
* @p ara m type : 事件 名称 。不加 "on". 如 : "click" 而不是 "onclick".
* @p ara m fn : 事件处理 函数
************************************/
function bind(obj,type,fn) {
if (obj.attachEvent) {
obj['e' + type + fn] = fn;
obj[type + fn] = function () { obj['e' + type + fn](window.event); }
obj.attachEvent('on' + type,obj[type + fn]);
} else
obj.addEventListener(type,fn,false);
}
?
网站地址 : http://zeroclipboard.github.io/
GitHub: https://github.com/zeroclipboard/zeroclipboard
网站描述: 一种简单的方式来复制文本到剪贴板
zeroclipboard官方网站
官方网站： http://zeroclipboard.github.io/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。