jQuery简单实现点击文本框复制内容到剪贴板上的方法
本文实例讲述了jQuery简单实现点击文本框复制内容到剪贴板上的方法。分享给大家供大家参考，具体如下：
//点击文本框复制其内容到剪贴板上方法
functioncopyToClipboard(txt){
if(window.clipboardData){
window.clipboardData.clearData();
window.clipboardData.setData("Text",txt);
alert("已经成功复制到剪帖板上！");
}elseif(navigator.userAgent.indexOf("Opera")!=-1){
window.location=txt;
}elseif(window.netscape){
try{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}catch(e){
alert("被浏览器拒绝！\n请在浏览器地址栏输入'about:config'并回车\n然后将'signed.applets.codebase_principal_support'设置为'true'");
}
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);
alert("已经成功复制到剪帖板上！");
}
}
//点击文本框复制其内容到剪贴板上
functionsetCopyLink(){
$("#txt_CopyLink").val(document.URL)
.focus(function(){
$(this).css({"background-color":"#ddd"}).select();
copyToClipboard($("#txt_CopyLink").val());
}).blur(function(){
$(this).css({"background-color":"#fff"});
});
}
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQueryform操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。