JavaScript聚焦于第一个字段的代码
更新时间：2010年10月15日 23:01:20 作者：
在web页面中，经常有信息录入页面，比如登录页面或者注册页面，在页面打开时，将光标的焦点自动定位在第一个输入字段中，这将会有更好的用户体验。
这个主要会用在表单字段中，所以我这里做的实验只针对表单字段。在form的子元素中循环查找第一个不是隐藏字段的字段，然后使用focus方法获得焦点。（呵呵^_^，很简单！）
FormUtil.focusOnFirst = function() {
if (document.forms.length > 0) {
for (var i = 0; i < document.forms[0].elements.length; i++) {
var oField = document.forms[0].elements[i];
if (oField.type != "hidden") {
oField.focus();
return;
}
}
}
}
复制代码 代码如下:
FormUtil.focusOnFirst = function() {
if (document.forms.length > 0) {
for (var i = 0; i < document.forms[0].elements.length; i++) {
var oField = document.forms[0].elements[i];
if (oField.type != "hidden") {
oField.focus();
return;
}
}
}
}
相关文章
影响的范围: IE的所有版本 在表单的radio/checkbox控件中，一旦他们的DOM结构被更改过就会出现这个bug。2008-12-12
这篇文章主要介绍了jquery自定义下拉列表示例,需要的朋友可以参考下2014-04-04
我最烦wordpress编辑器容器那狭窄的高度，每次都需要手动调节，很不好用2011-10-10
动态增加/删除文件域...2007-02-02
JS中location对象 在option中的应用（跳转采单），方便通过 option实现页面的切换2008-12-12
这篇文章主要介绍了JavaScript中获取Radio被选中的值,需要的朋友可以参考下2015-11-11
关于表单的两点交互体验改进技巧...2007-02-02
JS实多级联动下拉菜单类，简单实现省市区联动菜单！...2007-05-05
当文本框的值发生改变时，触发事件，在IE中有效，具体的大家可以测试下。2009-09-09
控制input的CSS但不影响CheckBox以及Radio的样式
在一些Web界面,有时候为了方便会写一个全局的input样式,这样所有的样式会立刻变化，如果能更好的区分checkbox等呢。2009-09-09
最新评论