自己写的一个JS实现table里的td中内容回车自动跳转的功能

本文介绍了一个用于自动跳转到下一个输入框的JavaScript函数autoJumpTd,当用户在一个表格单元格内的输入框按下回车键时,该函数会定位到下一个可编辑的输入框并使其获得焦点。此外,还提到了在jQuery对话框中解决嵌套弹窗覆盖问题的方法,通过调整zIndex属性来确保正确的层级显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//自动跳转下一栏位
function autoJumpTd(params){	
	//Js不支持重载所以使用arguments变量分辨参数模拟重载
	if(arguments.length != 1){
		let evt = window.event || arguments[1];
		if(evt.keyCode != 13) return;	
	}
	let input = arguments[0]; //既在界面中过来的this对象
	let td = input.parents('td'); //根据input标签获得父类td单元格
	let tr = td.parents('tr'); //根据td单元格获得当前行tr
	let tds = tr.children('td'); //根据当前行获得所有td单元格
	let lastTd = tr[0].lastElementChild; //获得当前行最后一个单元格
	if(td[0] != $(lastTd)[0]){ //如果是最后一个单元格回车后增加新行
		for(let index = 0;index < tds.length; index++){ 
			if(td[0] == tds[index]){ //循环当前行所有单元格若是此单元格则进行判断
				for(let j = 1; j < tds.length-index; j++){ //拿到可输入的input栏位进行跳转
					let nextInput = tds[index+j].children[0];
					if(!nextInput.readOnly){
						nextInput.focus();
						break;
					}
				}
			}
		}
	}else{
		if(arguments.length == 2) keyup_submits(arguments[0], arguments[1]);				
	}
}

同时juqery中的dailog弹窗如果出现嵌套并且出现覆盖无法达到效果的时候尝试增加zIndex变量
如zIndex: 100000

一给我里giaogiaogiao

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值