复制Excel中的数据到剪贴板时,可能Excel中的中文或者其他数据是从其他地方导出或其他原因,会给数据带上引号,这些在Excel中是看不到的,复制到粘贴板上之后,就可以很明显的看到,而且因为引号的原因,往往会将原本在Excel中一行的数据变成两行。这是个大陷阱,值得注意。今天整了好一阵子,终于弄出这么个方案来,也不知道好不好,反正能达到我的要求,记下来先。
??1、JS获取剪贴板数据:
//jquery中未对onpaste事件(即粘贴事件)进行封装,只好采用js原有的方式为每个text控件绑定onpaste事件 $.each($("#XXX").find("table").find("tbody").find("input[type='text']"),function(obj,index){ this.onpaste = readClipboardData; }); //读取剪切板数据,并将剪切板数据存放于各table cell中 function readClipboardData() { var str = getClipboard(); //获取剪切板数据 var len = str.split("\n");//获取行数 //处理双引号问题:从Excel中的数据,复制到粘贴板之后可能会加上引号,会导致换行,所以需要处理 for(var m=0;m<len.length-1;m++){ var strRow = len[m]; //如果双引号导致的换行,通常都是一个"+"\t",而且是紧挨在一起的 var itemIndex=strRow.indexOf("\""); var spaceIndex =strRow.indexOf("\t"); if(itemIndex==0 && spaceIndex==1){ len[m-1]=len[m-1]+len[m];//将换行后的数据追加到前一行 } } var tdIndex = $(this).parent().parent().index(); //获取当前text控件的父元素td的索引 var trIndex = $(this).parent().parent().parent().index(); //获取当前text控件的父元素的父元素tr的索引 var trStr; var $trp=$(this).parent().parent().parent().parent(); if(len.length==1){ $(this).val(len); return false; } //从excle表格中复制的数据,最后一行为空行,因此无需对len数组中最后的元素进行处理 for(var i=0;i<len.length-1;i++){ //excel表格同一行的多个cell是以空格 分割的,此处以空格为单位对字符串做 拆分操作。。 trStr = len[i].split("\t"); var itemIndex=len[i].indexOf("\""); var spaceIndex = len[i].indexOf("\t"); if(jQuery.trim(trStr)!="\""){//数据只是换行后的双引号 if(itemIndex==0 && spaceIndex==1){//数据只是换行后的双引号和其他数据 }else{ for(var j=0;j<=trStr.length-1;j++){ //将excel中的一行数据存放在table中的一行cell中 var $td=$trp.find("tr:eq("+trIndex+")").children("td:eq("+(tdIndex+j)+")"); var $tinput=$trp.find("tr:eq("+trIndex+")").children("td:eq("+(tdIndex+j)+")").children("span").children("input[type=text]"); if($td.html()!=null){ $tinput.val(trStr[j]); if($trp.parent().parent().attr("id")=="XXX"){ saveData($tinput); } } } trIndex ++ ; } } } return false; //防止onpaste事件起泡 } //获取剪切板数据 函数 function getClipboard() { if (window.clipboardData) { return (window.clipboardData.getData('Text')); } else if (window.netscape) { netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect'); var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard); if (!clip) return; var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable); if (!trans) return; trans.addDataFlavor('text/unicode'); clip.getData(trans, clip.kGlobalClipboard); var str = new Object(); var len = new Object(); try { trans.getTransferData('text/unicode', str, len); } catch (error) { return null; } if (str) { if (Components.interfaces.nsISupportsWString) str = str.value.QueryInterface(Components.interfaces.nsISupportsWString); else if (Components.interfaces.nsISupportsString) str = str.value.QueryInterface(Components.interfaces.nsISupportsString); else str = null; } if (str) { return (str.data.substring(0, len.value / 2)); } } return null; }
??2、在粘贴数据时,有时会自动