站長(zhǎng)資訊網(wǎng)
在javascript中，焦點(diǎn)就是關(guān)注的區(qū)域，即當(dāng)前光標(biāo)被激活的位置，在頁(yè)面屏幕中閃動(dòng)的小豎線，表示網(wǎng)頁(yè)某個(gè)控件被選中，可以被操作；可以通過(guò)focus()方法獲取焦點(diǎn)，通過(guò)blur()方法移開(kāi)焦點(diǎn)。
本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript中什么是焦點(diǎn)？
在JavaScript中，焦點(diǎn)就是關(guān)注的區(qū)域，即當(dāng)前光標(biāo)被激活的位置，在頁(yè)面屏幕中閃動(dòng)的小豎線，表示網(wǎng)頁(yè)某個(gè)控件被選中，可以被操作。鼠標(biāo)點(diǎn)擊可獲得光標(biāo)，Tab鍵可按照設(shè)置的Tabindex切換焦點(diǎn)。
比如一個(gè)文本框獲得焦點(diǎn)，你在鍵盤上敲進(jìn)的字符就直接進(jìn)入了文本框；還比如一個(gè)下拉式列表框獲得焦點(diǎn)，你按下鍵盤上的向下箭頭，它就會(huì)把列表列出來(lái)。程序中還有獲得焦點(diǎn)發(fā)生的事件（gotfocus())和失去焦點(diǎn)發(fā)生的事件(lostfocus())以及為控件設(shè)置焦點(diǎn)方法（setfocus())。利用好焦點(diǎn)，能使你的程序顯得非常人性化。
獲取了焦點(diǎn)，能夠作用的區(qū)域,，包括Activity界面和可視化控件等等，并使該區(qū)域能自動(dòng)執(zhí)行某個(gè)動(dòng)作（比如滾動(dòng)和動(dòng)畫）或者是 發(fā)生某個(gè)邏輯的事件；另外也能手動(dòng)執(zhí)行點(diǎn)擊事件和操作獲取焦點(diǎn)的區(qū)域。該區(qū)域（Activity界面、控件等等）有沒(méi)有作用和響應(yīng)，決定于其有沒(méi)有獲取焦點(diǎn)，
JavaScript獲取焦點(diǎn)與移開(kāi)焦點(diǎn)的方法：
JavaScript可以通過(guò)focus()方法獲取焦點(diǎn)，通過(guò)blur()方法移開(kāi)焦點(diǎn)。
獲取焦點(diǎn)：
focus() 方法用于為 checkbox 賦予焦點(diǎn)。
語(yǔ)法：
checkboxObject.focus()
失去焦點(diǎn)：
blur() 方法用于從單選按鈕上移開(kāi)焦點(diǎn)。
語(yǔ)法;
radioObject.blur()
示例：
下面的例子可設(shè)置或移開(kāi)單選按鈕上的焦點(diǎn)：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript"> function setFocus() { document.getElementById('check1').focus() } function loseFocus() { document.getElementById('check1').blur() } </script> </head> <body> <form> <input type="text" id="check1" /> <br /><br /> <input type="button" onclick="setFocus()" value="獲取焦點(diǎn)" /> <input type="button" onclick="loseFocus()" value="移開(kāi)焦點(diǎn)" /> </form> </body> </html>
效果圖：
【推薦學(xué)習(xí)：javascript高級(jí)教程】
