【学习篇】JavaScript聚焦于第一个字段

 

故事背景：在web页面中，经常有信息录入页面，比如登录页面或者注册页面，在页面打开时，将光标的焦点自动定位在第一个输入字段中，这将会有更好的用户体验。

 

技术原理：这个主要会用在表单字段中，所以我这里做的实验只针对表单字段。在form的子元素中循环查找第一个不是隐藏字段的字段，然后使用focus方法获得焦点。（呵呵^_^，很简单！）

 

JS代码：

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