您好,登錄后才能下訂單哦!
本篇內容主要講解“javascript中的fcous如何用”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“javascript中的fcous如何用”吧!
在javascript中,focus的意思為“焦點”,是DOM 元素對象的一個內置函數,用于為元素設置焦點,語法格式為“HTMLElementObject.focus()”。
在javascript中,focus的意思為“焦點”,就是關注的區域,即當前光標被激活的位置,在頁面屏幕中閃動的小豎線,表示網頁某個控件被選中,可以被操作。鼠標點擊可獲得光標,Tab鍵可按照設置的Tabindex切換焦點。
比如一個文本框獲得焦點,你在鍵盤上敲進的字符就直接進入了文本框;還比如一個下拉式列表框獲得焦點,你按下鍵盤上的向下箭頭,它就會把列表列出來。程序中還有獲得焦點發生的事件(gotfocus())和失去焦點發生的事件(lostfocus())以及為控件設置焦點方法(setfocus())。利用好焦點,能使你的程序顯得非常人性化。
獲取了焦點,能夠作用的區域,,包括Activity界面和可視化控件等等,并使該區域能自動執行某個動作(比如滾動和動畫)或者是 發生某個邏輯的事件;另外也能手動執行點擊事件和操作獲取焦點的區域.該區域(Activity界面,控件等等)有沒有作用和響應,決定于其有沒有獲取焦點.
JavaScript可以通過focus()方法獲取焦點,通過blur()方法移開焦點。
focus() 方法用于為元素設置焦點(如果可以設置)。
focus()方法的語法格式
HTMLElementObject.focus()
實例:
<!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中的fcous如何用”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。