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

//自动跳转下一栏位
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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值