微客导航 » 文章资讯 » JavaScript使用ZeroClipboard操作剪切板

JavaScript使用ZeroClipboard操作剪切板

2024-02-24 01:03:04 276

一、ZeroClipboard下载地址

为大家提供细一些ZeroClipboard的下载地址：

ZeroClipboard开源的JavaScript+flash复制库类

基于ZeroClipboard实现的网站内容复制粘贴JS特效源码

zeroclipboard用js与flash实现的复制到剪切板的文件

二、添加js引用

三、初始化插件

$(function(){
InitCopyToClipboard('btnCopyToClipBoard');
});
//将内容复制到剪切板
functionInitCopyToClipboard(btnId){
ZeroClipboard.setMoviePath("../Assets/js/ZeroClipboard/ZeroClipboard.swf");//设置flash文件在项目中的位置
varclip=newZeroClipboard.Client();//新建一个对象

clip.setHandCursor(true);
clip.addEventListener('onmouseup',function(client){//创建监听
//可以在这儿写一个方法处理相应的事件逻辑
clip.setText('要复制到剪切板中的内容');
});
clip.glue(btnId);//将flash覆盖至指定ID的DOM上


//窗口大小发生变化时从新将flash覆盖至制定的id上，否则位置不对应导致点击时没反应
bind(window,"resize",function(){
clip.reposition();
});
returnfalse;
}

/************************************
*添加事件绑定
*@paramobj:要绑定事件的元素
*@paramtype:事件名称。不加"on".如:"click"而不是"onclick".
*@paramfn:事件处理函数
************************************/
functionbind(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);
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

JavaScript使用ZeroClipboard操作剪切板

热门推荐

随机推荐