JavaScript聚焦于第一個(gè)字段的代碼
更新時(shí)間：2010年10月15日 23:01:20 作者：
在web頁面中，經(jīng)常有信息錄入頁面，比如登錄頁面或者注冊(cè)頁面，在頁面打開時(shí)，將光標(biāo)的焦點(diǎn)自動(dòng)定位在第一個(gè)輸入字段中，這將會(huì)有更好的用戶體驗(yàn)。
這個(gè)主要會(huì)用在表單字段中，所以我這里做的實(shí)驗(yàn)只針對(duì)表單字段。在form的子元素中循環(huán)查找第一個(gè)不是隱藏字段的字段，然后使用focus方法獲得焦點(diǎn)。（呵呵^_^，很簡單?。?
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;
}
}
}
}
復(fù)制代碼 代碼如下:
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;
}
}
}
}
相關(guān)文章
影響的范圍: IE的所有版本 在表單的radio/checkbox控件中，一旦他們的DOM結(jié)構(gòu)被更改過就會(huì)出現(xiàn)這個(gè)bug。2008-12-12
這篇文章主要介紹了jquery自定義下拉列表示例,需要的朋友可以參考下2014-04-04
文本框根據(jù)輸入內(nèi)容自適應(yīng)高度的代碼
我最煩wordpress編輯器容器那狹窄的高度，每次都需要手動(dòng)調(diào)節(jié)，很不好用2011-10-10
動(dòng)態(tài)增加/刪除文件域...2007-02-02
JS option location 頁面跳轉(zhuǎn)實(shí)現(xiàn)代碼
JS中l(wèi)ocation對(duì)象 在option中的應(yīng)用（跳轉(zhuǎn)采單），方便通過 option實(shí)現(xiàn)頁面的切換2008-12-12
這篇文章主要介紹了JavaScript中獲取Radio被選中的值,需要的朋友可以參考下2015-11-11
關(guān)于表單的兩點(diǎn)交互體驗(yàn)改進(jìn)技巧
關(guān)于表單的兩點(diǎn)交互體驗(yàn)改進(jìn)技巧...2007-02-02
JS實(shí)多級(jí)聯(lián)動(dòng)下拉菜單類，簡單實(shí)現(xiàn)省市區(qū)聯(lián)動(dòng)菜單！
JS實(shí)多級(jí)聯(lián)動(dòng)下拉菜單類，簡單實(shí)現(xiàn)省市區(qū)聯(lián)動(dòng)菜單！...2007-05-05
當(dāng)文本框的值發(fā)生改變時(shí)，觸發(fā)事件，在IE中有效
當(dāng)文本框的值發(fā)生改變時(shí)，觸發(fā)事件，在IE中有效，具體的大家可以測(cè)試下。2009-09-09
控制input的CSS但不影響CheckBox以及Radio的樣式
在一些Web界面,有時(shí)候?yàn)榱朔奖銜?huì)寫一個(gè)全局的input樣式,這樣所有的樣式會(huì)立刻變化，如果能更好的區(qū)分checkbox等呢。2009-09-09