日期:2014-05-16  浏览次数:20415 次

JS 获取剪贴板数据并给相应的Input框赋值

复制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、在粘贴数据时,有时会自动