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