您好,登錄后才能下訂單哦!
這篇文章主要講解了“焦點在javascript中是什么”,文中的講解內(nèi)容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“焦點在javascript中是什么”吧!
在javascript中,焦點就是關注的區(qū)域,即當前光標被激活的位置,在頁面屏幕中閃動的小豎線,表示網(wǎng)頁某個控件被選中,可以被操作;可以通過focus()方法獲取焦點,通過blur()方法移開焦點。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript中什么是焦點?
在JavaScript中,焦點就是關注的區(qū)域,即當前光標被激活的位置,在頁面屏幕中閃動的小豎線,表示網(wǎng)頁某個控件被選中,可以被操作。鼠標點擊可獲得光標,Tab鍵可按照設置的Tabindex切換焦點。
比如一個文本框獲得焦點,你在鍵盤上敲進的字符就直接進入了文本框;還比如一個下拉式列表框獲得焦點,你按下鍵盤上的向下箭頭,它就會把列表列出來。程序中還有獲得焦點發(fā)生的事件(gotfocus())和失去焦點發(fā)生的事件(lostfocus())以及為控件設置焦點方法(setfocus())。利用好焦點,能使你的程序顯得非常人性化。
獲取了焦點,能夠作用的區(qū)域,,包括Activity界面和可視化控件等等,并使該區(qū)域能自動執(zhí)行某個動作(比如滾動和動畫)或者是 發(fā)生某個邏輯的事件;另外也能手動執(zhí)行點擊事件和操作獲取焦點的區(qū)域。該區(qū)域(Activity界面、控件等等)有沒有作用和響應,決定于其有沒有獲取焦點,
JavaScript獲取焦點與移開焦點的方法:
JavaScript可以通過focus()方法獲取焦點,通過blur()方法移開焦點。
獲取焦點:
focus() 方法用于為 checkbox 賦予焦點。
語法:
checkboxObject.focus()
失去焦點:
blur() 方法用于從單選按鈕上移開焦點。
語法;
radioObject.blur()
示例:
下面的例子可設置或移開單選按鈕上的焦點:
<!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>
效果圖:
感謝各位的閱讀,以上就是“焦點在javascript中是什么”的內(nèi)容了,經(jīng)過本文的學習后,相信大家對焦點在javascript中是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。