ZeroClipboard.js复制内容到剪贴板(跨浏览器)

<scripttype="text/javascript">

functioncopyCode(id){

vartestCode=document.getElementById(id).value;

if(copy2Clipboard(testCode)!=false){

document.form1.submit();//复制成功后提交表单，记录复制到剪贴板的使用次数

}

}

copy2Clipboard=function(txt){

if(window.clipboardData){//判断是否是IE浏览器

window.clipboardData.clearData();

window.clipboardData.setData("Text",txt);

}

//elseif(navigator.userAgent.indexOf("Opera")!=-1){

//window.location=txt;

//}

elseif(window.netscape){//Firefox浏览器

try{

netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

}

catch(e){

alert("您的firefox安全限制限制您进行剪贴板操作，请打开’about:config’将signed.applets.codebase_principal_support’设置为true’之后重试，相对路径为firefox根目录/greprefs/all.js");

returnfalse;

}

varclip=Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);

if(!clip)return;

vartrans=Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);

if(!trans)return;

trans.addDataFlavor('text/unicode');

varstr=newObject();

varlen=newObject();

varstr=Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);

varcopytext=txt;str.data=copytext;

trans.setTransferData("text/unicode",str,copytext.length*2);

varclipid=Components.interfaces.nsIClipboard;

if(!clip)returnfalse;

clip.setData(trans,null,clipid.kGlobalClipboard);

}

}

</script>

HTML代码:

<formaction="copy.php"method="post"id="form1"name="form1"target="updateself">

<inputtype="button"name="title"onclick="copyCode('copyid');"value="【点击复制】"width="100px"height="23">

<textareaid="copyid"><?phpecho$content;?></textarea>

CSS：

<styletype="text/css">

#d_clip_button{

width:150px;

text-align:center;

border:1pxsolidblack;

background-color:#ccc;

margin:10px;padding:10px;

}

#d_clip_button.hover{background-color:#eee;}

#d_clip_button.active{background-color:#aaa;}

</style>

copy.php：

<scripttype="text/javascript"src="/js/zero/ZeroClipboard.js"></script>

<divid="d_clip_button">【点击复制】</div>

<textarearows=2id="copyid"><?phpecho$content;?></textarea>

<scriptlanguage="JavaScript">

ZeroClipboard.setMoviePath('/js/zero/ZeroClipboard.swf');//和copy.php不在同一目录需设置setMoviePath

ZeroClipboard.setMoviePath('/js/zero/ZeroClipboard10.swf');

varclip=newZeroClipboard.Client();//创建新的ZeroClipboard对象

clip.setText('');//willbesetlateronmouseDown//清空剪贴板

clip.setHandCursor(true);//设置鼠标移到复制框时的形状

clip.setCSSEffects(true);//启用css

clip.addEventListener('load',function(client){

//alert("movieisloaded");

});

clip.addEventListener('complete',function(client,text){//复制完成后的监听事件

//alert("Copiedtexttoclipboard:"+text);

document.form1.submit();//复制到剪贴板成功后提交表单

clip.hide();//复制一次后，hide()使复制按钮失效，防止重复计算使用次数

});

clip.addEventListener('mouseOver',function(client){

//alert("mouseover");

});

clip.addEventListener('mouseOut',function(client){

//alert("mouseout");

});

clip.addEventListener('mouseDown',function(client){

//settexttocopyhere

clip.setText(document.getElementById('copyid').value);

//alert("mousedown");

});

clip.addEventListener('mouseUp',function(client){

//alert("mouseup");

});

clip.glue('d_clip_button');

</script>