html頁面中，諸如按鈕、文本框等可視元素都具有擁有和失去焦點的事件，這些事件在響應鼠標或鍵盤動作時都可激發預設的操作。本文以文本框獲得和失去焦點為例簡單講解onfocus和onblur的應用。

一。 onfocus(獲得焦點事件)

當一個文本框獲得焦點時，它里面的文本就像“好123”網站上的百度搜索輸入框那樣全部被自動選中，這樣的操作可以利用onfocus來實現。

以下的文本框，當鼠標指針移過去時，里面的文字全部被選中：

請輸入網址

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

代碼里，input標簽內嵌入了onmousemove(鼠標指針經過)事件的JS語句，其等號后面的this。

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

二。 onblur(失去焦點事件)

我們經常會檢測文本框是否已經被正確輸入，檢測工作通常在用戶點擊了提交按鈕之后進行，事實上，利用控件失去焦點的時候，我們就可以實時進行這個檢測工作，這樣的話，onblur事件就派上用場了。

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

姓名

性別

年齡

住址

以下是代碼和解釋：

表單代碼

姓名

性別

年齡

住址

JS代碼

function chkvalue(txt) {

if(txt。

value=="") alert("文本框里必須填寫內容!");

}

表單代碼里，每一個方框框的代碼都嵌入一個onblur JS語句，它們都調用后面的JS代碼中的自定義函數chkvalue(this)，意思是，當文本框失去焦點時就調用chkvalue()函數；這chkvalue()函數檢測文本框是否為空，如果是就彈出警告窗口。

該函數有一個參數(txt)，對應于前面文本框調用該函數的參數(this)即自身。

上一篇Js表單驗證

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

頂

3

踩。

全部

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。