在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;
}
}
}
}