溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關JavaScript怎么獲取焦點和失去焦點的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
JavaScript是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語言，最早是在HTML網頁上使用，用來給HTML網頁增加動態功能。
焦點處理主要包括focus（獲取焦點）和blur（失去焦點）事件類型。所謂焦點，就是激活表單字段，使其可以響應鍵盤事件。
當單擊或使用Tab鍵切換到某個表單元素或超鏈接對象時，會觸發該事件。focus事件是確定頁面內鼠標當前定位的一種方式。在默認情況下，整個文檔處于焦點狀態，但是單擊或者使用Tab鍵可以改變焦點位置。‘
示例：在頁面加載完畢后，將焦點轉移到表單中的第一個文本框字段，讓其準備接收用戶輸入
<form id="myform" method="post" action="#">
姓名<input type="text" name="name"/><br>
密碼<input type="password" name="pass" /></form><script>
var form = document.getElementById("myform");
var field = form.elements("name");
window.onload = function(){
field.focus();
}</scriipt>blur事件類型表示在元素失去焦點時響應，它與focus事件類型是對應的，主要作用于表單元素和超鏈接對象
示例：為所有輸入表單元素綁定了focus和blur事件處理函數，設置當元素獲取焦點時呈凸起，失去焦點呈凹陷
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" />
<input type="text" />
<script>
var o = document.getElementsByTagName("input");
for(var i = 0; i < o.length; i++){
o[i].onfocus = function(){
this.style.borderStyle = "outset";
}
o[i].blur = function(){
this.style.borderStyle = "inset";
}
}
</script>
</body></html>
注意：如果時隱藏字段（< input type=“hidden” >），或者使用CSS的display和visibility隱藏字段顯示，設置其獲取焦點將引發異常。
感謝各位的閱讀！關于“JavaScript怎么獲取焦點和失去焦點”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
