jQuery实现在一个输入框按回车键后光标跳到下一个输入框

最新推荐文章于 2021-06-03 06:23:57 发布

sinat_37476411

最新推荐文章于 2021-06-03 06:23:57 发布

阅读量1.6w

点赞数 4

分类专栏： jquery 文章标签：函数 jquery

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

原文百度<!DOCTYPE html>
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gbk"> 
<script type="text/javascript"> 
	//jQuery实现在一个输入框按回车键后光标跳到下一个输入框
	function focusNextInput(thisInput)
	{ 
		var inputs = document.getElementsByTagName("input"); 
		for(var i = 0;i<inputs.length;i++){ 
			// 如果是最后一个，则焦点回到第一个 
			if(i==(inputs.length-1)){ 
				inputs[0].focus(); break; 
			}else if(thisInput == inputs[i]){ 
				inputs[i+1].focus(); break; 
			} 
		} 
	} 
</script> 
</head>
<body> 
<table> 
姓名：<input type="text" οnkeypress="if(event.keyCode==13) focusNextInput(this);"> 
年龄：<input type="text" οnkeypress="if(event.keyCode==13) focusNextInput(this);"> 
工号：<input type="text" οnkeypress="if(event.keyCode==13) focusNextInput(this);"> 
</table>
</body>
</html>