焦點在javascript是什麼
- 青灯夜游原創
- 2021-10-25 15:54:092338瀏覽
在javascript中，焦點是關注的區域，也就是當前遊標被啟動的位置，在頁面畫面中閃動的小豎線，表示網頁某個控制項被選中，可以被操作；可以透過focus ()方法取得焦點，以blur()方法移開焦點。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
javascript中什麼是焦點？
在JavaScript中，焦點就是關注的區域，也就是目前遊標被啟動的位置，在頁面畫面中閃爍的小豎線，表示網頁某個控制項被選中，可以被操作。滑鼠點擊可獲得遊標，Tab鍵可依照設定的Tabindex切換焦點。
例如一個文字方塊獲得焦點，你在鍵盤上敲進的字元就直接進入了文字方塊；也例如一個下拉式列錶框獲得焦點，你按下鍵盤上的向下箭頭，它就會把清單列出來。程式中還有獲得焦點發生的事件（gotfocus())和失去焦點發生的事件(lostfocus())以及為控制項設定焦點方法（setfocus())。利用好焦點，能使你的程式顯得非常人性化。
獲取了焦點，能夠作用的區域,，包括Activity介面和可視化控制項等等，並使該區域能自動執行某個動作（例如滾動和動畫）或者是發生某個邏輯的事件；另外也能手動執行點擊事件和操作取得焦點的區域。此區域（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高階教學】
以上是焦點在javascript是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！