【学习篇】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;
            }
        }
    }
}