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