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;
}
}
}
}
復制代碼 代碼如下:
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)文章
用Javascript讀取CheckBox數(shù)組的值的代碼(兼容IE與firefox)
為了同時支持Firefox和IE，我們常常用document.getElementById(id)方法來取得HTML對象。但是getElementById方法只能取得單個對象，而對于CheckBox數(shù)組則無能為力。2010-12-12
javascript寫的一個表單動態(tài)輸入提示的代碼
javascript寫的一個表單動態(tài)輸入提示的代碼...2007-08-08
剛才博客園的javascript首頁看到一個朋友的全選/反選效果。2010-04-04
JavaScript雙重輸入文字，會適時將第一個文本框的文字復制到第二個文本框中，像克隆一樣，有意思吧，還沒有搞懂這功能我們平時在哪兒能用上，先收藏一下。2010-10-10
js獲取當前select 元素值的代碼，需要的朋友可以參考下。2010-04-04
JavaScript Select和Option列表元素上下左右移動
支持一次選中多項在左右列表中來回移動2008-12-12
textarea是否自動換行...2006-07-07
大家在javascript表單制作中，有時候會需要獲取select的選定的值，然后再進行一些編寫控制操作。2009-09-09
對于value值可以通過select.value 取得的，但對于text值則需要通過select.options[select.sekectedIndex].txet 獲得。2010-04-04
比如在一個表單元素中 我們可以通過手寫函數(shù),清空某種元素的值,以上是我的個人總結(jié),高手就繞過。2009-12-12