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、在粘贴数据时，有时会自动将Excel中的较大或小数位较多的数字用科学计数法表示出来，这时对于只能输入数字的文本框就会报错，此时就需要将科学计数法转变成普通的数字了。

function convertNUM(obj){
	var val=$.trim($(obj).val());
	if ((val.indexOf('E') != -1) || (val.indexOf('e') != -1)){
	 		val=val.toUpperCase();
			var a=val.substring(0,val.indexOf('E'));
			var b=val.substring(val.indexOf('E')+1,val.length);
			val=a*Math.pow(10,b);
			$(obj).val(val);
	}
	return val
}

 

 

3、检查当前输入是否为数字：

function checknumber(ole){
	var ss=false;
	var val = convertNUM(ole);
	if(val.match(isDecimal) == null){
		var bb="只允许输入数字"; 
		if($(ole).next("img").length<1){
				$(ole).after("<img src=\"images/dels.gif\">");
		}
		$(ole).next("img").attr("src","images/dels.gif");
		$(ole).next("img").attr("title",bb);
	}else{
		if(parseFloat(val)<0){
			var bb="只允许输入大于零的数字"; 
			if($(ole).next("img").length<1){
					$(ole).after("<img src=\"images/dels.gif\">");
			}
			$(ole).next("img").attr("src","images/dels.gif");
			$(ole).next("img").attr("title",bb);
			}else{
			if($(ole).next("img").length<1){
				
		}else{
			$(ole).next("img").attr("title","");
			$(ole).next("img").remove();
		}
		ss=true;
		}		
	}
	return ss;
} 

 

 

4、有时候需要将特定数据另存为Excel，这里调用Windows的Excel软件进行导出。

JSP页面代码： <input id="returnexcel" type="button"  value=" 另存为EXCEL" onclick="toExcel();"/>

function toExcel() {
	 try {
	  var oXL = new ActiveXObject("Excel.Application");
	 }catch(e) {
	  alert( "要将该表导出到Excel，您必须安装Excel电子表格软件，同时浏览器须使用“ActiveX 控件”，您的浏览器须允许执行控件。");
	  return "";
	 }
	 var oWB = oXL.Workbooks.Add();  //新增工作簿
	 var oSheet = oWB.ActiveSheet;  //创建工作表 
	 var sel=document.body.createTextRange();
	//xxx为要另存为Excel的数据区域
	 sel.moveToElementText(document.getElementById("xxx"));

	 sel.select();
	 sel.execCommand("Copy");
	 oSheet.Paste();
	
	 oXL.Visible = true; //设置excel为可见
	//很重要,不能省略,不然会出问题 意思是excel交由用户控制	 
	oXL.UserControl = true;  
	 //sel.execCommand("SaveAs);
	 oSheet = null;
	 oWB = null;
	 oXL = null;
}