js中键盘、input输入框点击、输入域发生变化事件

最新推荐文章于 2024-08-14 10:25:18 发布

小鲤鱼ya

最新推荐文章于 2024-08-14 10:25:18 发布

阅读量2.4k

点赞数

分类专栏： Java JavaScript

本文链接：https://blog.csdn.net/weixin_45956838/article/details/109156615

版权

Java 同时被 2 个专栏收录

63 篇文章 4 订阅

订阅专栏

JavaScript

26 篇文章 2 订阅

订阅专栏

键盘事件

//=======================
 $("#decContainers_table_formtable_docus").on("keydown","td input",function(){  //表名

		//响应回车键按下的处理
	    var e = event || window.event || arguments.callee.caller.arguments[0];

		//捕捉是否按键为回车键，可百度JS键盘事件了解更多
	    if(e && e.keyCode==13) {
		//捕捉para_table下的tr里面文本输入框的个数
	        var inputs = $("#decContainers_table_formtable_docus").find(":input");   
			
	        var idx = inputs.index(this);             // 获取当前焦点输入框所处的位置
	        if (idx == inputs.length - 1) {            // 判断是否是最后一个输入框             
	            //if (confirm("最后一个输入框已经输入,是否提交?"))  // 用户确认
	            //     $("form[id='save']").save();                 // 提交表单
	        } else {
				 if(inputs[idx].name=='containerMd_value'){
			 			var value = $("#containerMd_value").val();
			 			if(value != ''&& value != undefined){
			 				$.ajax({
			 					type : "POST",
			 					url:'decMainController.do?setZdbq&type=30&keyword='+value+'&en=1',
			 					success: function(data){
			 						var json=eval("("+data+")") ;

			 						if(json.queryForList.length == 1){
			 							$("#containerMd_value").val(json.queryForList[0].custom_name);
			 							$("#containerMd").val(json.queryForList[0].custom_code);
			 						}
			 					}



			 				});
			 			}

				 		$(inputs[idx]).css("background-color","#FFFFE6"); // 设置焦点
				 		$(inputs[idx + 3]).css("background-color","#FFC0CB"); // 设置焦点
			            inputs[idx + 3].focus(); // 设置焦点
			            inputs[idx + 3].select(); // 选中文字
// 								inputs[idx + 3].click();
				 } 
		 		else{
				 			if( inputs[idx].name=='certCode_value'||inputs[idx].name=='declTotal'||inputs[idx].name=='declPrice'||inputs[idx].name=='gqty'||inputs[idx].name=='exgNo'||inputs[idx].name=='exgVersion'||inputs[idx].name=='gname' ){

					 			$(inputs[idx]).css("background-color","white");; // 设置焦点
				 			}else{

					 			$(inputs[idx]).css("background-color","#FFFFE6");; // 设置焦点
				 			}
					 		$(inputs[idx + 1]).css("background-color","#FFC0CB");; // 设置焦点
				            inputs[idx + 1].focus(); // 设置焦点
				            inputs[idx + 1].select(); // 选中文字
				 }

	        }
	    }
})
//结束
//=================================

input输入框点击事件

//=================================
 $("input").click(function(){
    $("#setdatalist").empty();
	//$(".formtable tr ").find(":input").css("background-color","#FFFFE6");;  
	//$(this).css("background-color","#FFC0CB");
	 $(".decContainers_table_info input").each(function(){
		 if(this.name=='containerId_value' || this.name=='containerWt_value' || this.name=='certCode_value'){
			 $(this).css("background-color","white");
		 }else{
			  if(this.id=='sxdzbuttoon'||this.id=='tsyw'||this.id=='qyzz'||this.id=='sxdz'||this.id=='specDeclFlag_value'||this.id=='copLimitsNames'||this.id=='wrapTypeOtherBut'||this.id=='ywxx'||this.id=='qtsxqr'||this.name=='declarationData'||this.name=='sfdz'||this.name=='seqNo'||this.name=='preEntryId'||this.name=='entryId'||this.name=='decContainerNum'||(this.id=='insurCurr_value'&&type=='out' &&  ($('#transMode').val()=='3'||$('#transMode').val()=='2')   )||(this.id=='insurRate'&&type=='out' &&  ($('#transMode').val()=='3'||$('#transMode').val()=='2')   )||(this.id=='insurMark_value'&&type=='out' &&  ($('#transMode').val()=='3'||$('#transMode').val()=='2')   )||(this.id=='feeCurr_value'&&type=='out' &&  ($('#transMode').val()=='3'||$('#transMode').val()=='4')   )||(this.id=='feeRate' && type=='out' &&  ($('#transMode').val()=='3'||$('#transMode').val()=='4')   )||(this.id=='feeMark_value'&&type=='out' &&  ($('#transMode').val()=='3'||$('#transMode').val()=='4')   )|| (this.id=='feeMark_value'&&type=='in' && ($('#transMode').val()=='1' || $('#transMode').val()=='2'))|| (this.id=='feeRate' &&type=='in'  && ($('#transMode').val()=='1' || $('#transMode').val()=='2'))|| (this.id=='feeCurr_value' &&type=='in' && ($('#transMode').val()=='1' || $('#transMode').val()=='2'||$('#feeMark').val()=='1'))|| (this.id=='insurMark_value'&&type=='in'&& $('#transMode').val()=='1' )|| (this.id=='insurRate'&&type=='in'&& $('#transMode').val()=='1' )|| (this.id=='insurCurr_value'&&type=='in' && ($('#transMode').val()=='1' || $('#insurMark').val()=='1' ))||(this.id=='otherCurr_value'&&type=='in' && $('#otherMark').val()=='1' )){

						  $(this).css("background-color","#cfcfcf");
			  }else{
					 $(this).css("background-color","#FFFFE6");
			  }
		 }
	 })

	$(this).css("background-color","#FFC0CB");
	$(this).focus();
	$(this).select();
})
//=================================

当输入域发生变化时

//===========================
$("#lclFlag_value").change(function(){
	var temp =this.value;
    var text = temp.split('_');
    
    if(text.length==2){
   	   $("#clFlag_left").val(text[0]);
   	  
   	   $("#lclFlag_value").val(text[1]);
    }else{
       $("#lclFlag").val("");
	   $("#lclFlag_value").val("");
    }
    $("#setdatalist").empty();
    $("#lclFlag_value").css("background-color","#FFFFE6");; // 设置焦点
    $("#containerWt_value").focus();
	$("#containerWt_value").select();
	$("#containerWt_value").css("background-color","#FFC0CB");; // 设置焦点
})
//==========================================