一段有用的jquery代码

最新推荐文章于 2025-08-18 22:30:00 发布

silence1214

最新推荐文章于 2025-08-18 22:30:00 发布

阅读量836

点赞数

分类专栏： js 文章标签： jquery function input html

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的JavaScript代码片段，该代码能够使HTML页面中的所有输入框、选择框和文本区域在按下回车键时自动选择下一个元素。通过此功能，用户体验得到提升，操作流程更加流畅。

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

function enter2tab()
{
        $("input,select,textarea").addClass('enterIndex');  //將所有的輸入欄位都加上標籤   
        $(".enterIndex").keydown(function(event){   
            if(event.keyCode==13){  //如果按enter   
            var i=$(".enterIndex").index($(this));  //現在是在第幾個   
            var n=$(".enterIndex").length;  //總共有幾個   
                if( i < n-1){   
                if($(this).attr('type')!='radio')  //如果不是radio   
                $(".enterIndex").eq(i+1).trigger('focus');   
                else{  //如果是radio，不能focus到下一個，因為下一個可能是同樣name的radio   
						var last_radio=$(".enterIndex").index($(".enterIndex[type=radio][name="+$(this).attr('name')+"]:last"));   
						$(".enterIndex").eq(last_radio+1).trigger('focus');   
					}   
                }   
            }   
        });   
        $("input,textarea").focus(function(){
        	$(this).select();
        	});
}

功能是当前html页面中的所有输入框，你按回车的话自动选择下一个输入框，代码如下