html頁(yè)面中，諸如按鈕、文本框等可視元素都具有擁有和失去焦點(diǎn)的事件，這些事件在響應(yīng)鼠標(biāo)或鍵盤動(dòng)作時(shí)都可激發(fā)預(yù)設(shè)的操作。本文以文本框獲得和失去焦點(diǎn)為例簡(jiǎn)單講解onfocus和onblur的應(yīng)用。

一。 onfocus(獲得焦點(diǎn)事件)

當(dāng)一個(gè)文本框獲得焦點(diǎn)時(shí)，它里面的文本就像“好123”網(wǎng)站上的百度搜索輸入框那樣全部被自動(dòng)選中，這樣的操作可以利用onfocus來(lái)實(shí)現(xiàn)。

以下的文本框，當(dāng)鼠標(biāo)指針移過(guò)去時(shí)，里面的文字全部被選中：

請(qǐng)輸入網(wǎng)址

這是怎么做的呢？看以下代碼及解釋：

代碼里，input標(biāo)簽內(nèi)嵌入了onmousemove(鼠標(biāo)指針經(jīng)過(guò))事件的JS語(yǔ)句，其等號(hào)后面的this。

focus()意為其自身獲得焦點(diǎn)；獲得焦點(diǎn)的標(biāo)志是該文本框內(nèi)將出現(xiàn)輸入光標(biāo)，但要讓其內(nèi)的文字全部被選中，我們還得用上this。select()語(yǔ)句，它的意思就是選中全部文本框里的文字。

二。 onblur(失去焦點(diǎn)事件)

我們經(jīng)常會(huì)檢測(cè)文本框是否已經(jīng)被正確輸入，檢測(cè)工作通常在用戶點(diǎn)擊了提交按鈕之后進(jìn)行，事實(shí)上，利用控件失去焦點(diǎn)的時(shí)候，我們就可以實(shí)時(shí)進(jìn)行這個(gè)檢測(cè)工作，這樣的話，onblur事件就派上用場(chǎng)了。

以下例子有四個(gè)文本框，如果還沒(méi)有任何單擊它們當(dāng)中的任意一個(gè)的操作，那么什么事情也不會(huì)發(fā)生，但是，當(dāng)你單擊了其中的任何一個(gè)使其擁有了焦點(diǎn)(輸入光標(biāo)在里面)，如果什么都沒(méi)有輸入并且單擊了別的地方令其失去焦點(diǎn)，就會(huì)彈出一個(gè)警告，試試看

姓名

性別

年齡

住址

以下是代碼和解釋：

表單代碼

姓名

性別

年齡

住址

JS代碼

function chkvalue(txt) {

if(txt。

value=="") alert("文本框里必須填寫(xiě)內(nèi)容!");

}

表單代碼里，每一個(gè)方框框的代碼都嵌入一個(gè)onblur JS語(yǔ)句，它們都調(diào)用后面的JS代碼中的自定義函數(shù)chkvalue(this)，意思是，當(dāng)文本框失去焦點(diǎn)時(shí)就調(diào)用chkvalue()函數(shù)；這chkvalue()函數(shù)檢測(cè)文本框是否為空，如果是就彈出警告窗口。

該函數(shù)有一個(gè)參數(shù)(txt)，對(duì)應(yīng)于前面文本框調(diào)用該函數(shù)的參數(shù)(this)即自身。

上一篇Js表單驗(yàn)證

下一篇盒子模型(非常形象)

頂

3

踩。

全部

總結(jié)

以上是生活随笔為你收集整理的input失去焦点验证格式_在文本框的onblur事件里写验证信息的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。