java中如何将聚焦enter登陆_[Java教程]点击enter回车键实现表单元素切换焦点效果...

[Java教程]点击enter回车键实现表单元素切换焦点效果

0 2016-01-28 20:00:08

点击enter回车键实现表单元素切换焦点效果:

现在网站都比较追求人性化，比如填写表单的时候，能够实现点击回车就可以切换表单元素的焦点，这样比使用鼠标进行切换更能让人接受，下面就通过代码实例介绍一下如何实现此功能。

代码如下:

蚂蚁部落

以上代码实现了我们的要求，点击回车键就可以实现切换文本框的焦点效果，下面介绍一下它的实现过程。

一.代码注释:

1.$(function(){})，当文档结构加载完毕再去执行函数中的代码。

2.$('#theform input:text:first').focus()，使表单中的第一个文本框获取焦点。

3.var $inp=jQuery('#theform input:text')，获取表单元素下的所有文本框元素集合。

4.$inp.bind('keydown',function(e){})，为文本框注册keydown事件处理函数。

5.var key=e.which，获取按下键或者按钮的键位序号。

6.if(key==13)，当key值等于13的时候表示按下的是回车键。

7.e.preventDefault()，组织点击回车的默认值。

8.var nxtIdx=$inp.index(this)+1,获取下一个元素的索引值。

9.(":input:text:eq("+nxtIdx+")").focus()，使下一个表单元素获取焦点。

二.相