js实现文本框回车切换焦点

最新推荐文章于 2024-03-12 20:38:38 发布

原创最新推荐文章于 2024-03-12 20:38:38 发布 · 3.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #切换焦点

js 专栏收录该内容

4 篇文章

订阅专栏

本文提供了一段使用JavaScript实现文本框通过回车键切换焦点的简单小脚本，适用于网页开发中需要高效管理输入框焦点场景。

一段小脚本

实现功能：文本框回车切换焦点

<script>
function foo(){
    var items=document.getElementsByName('key[]');
    var item=null;
	for(var i=0;i<items.length;i++){
	     item=items[i];
		(function () {
		   var next=(i+1) < items.length ? i+1 : 0 ;
		 item.onkeydown=function(event){
		     var eve=event ? event : window.event;
			 if(eve.keyCode==13){
			       items[next].focus();
			 }
		 }
		 })();
	}	
}
window.onload=foo;
</script>
<form action="" name="myform">
<Input type=text name='key[]'> <br>
<Input type=text name='key[]'> <br>
<Input type=text name='key[]'> 
</form>