焦點(diǎn)即光標(biāo),焦點(diǎn)是在頁(yè)面屏幕中閃動(dòng)的小豎線,鼠標(biāo)點(diǎn)擊可獲得光標(biāo),Tab鍵可按照設(shè)置的Tabindex切換焦點(diǎn),在JavaScriptongoing可以通過(guò)【focus()】方法獲取焦點(diǎn),通過(guò)【blur()】方法移開(kāi)焦點(diǎn)。
本文操作環(huán)境:宏基S40-51、HBuilderX.3.0.5版本、Windows10家庭中文版
相關(guān)免費(fèi)學(xué)習(xí)推薦:javascript視頻教程
焦點(diǎn)即光標(biāo),焦點(diǎn)是在頁(yè)面屏幕中閃動(dòng)的小豎線。鼠標(biāo)點(diǎn)擊可獲得光標(biāo),Tab鍵可按照設(shè)置的Tabindex切換焦點(diǎn)。在JavaScriptongoing可以通過(guò)focus()方法獲取焦點(diǎn),通過(guò)blur()方法移開(kāi)焦點(diǎn)。
獲取焦點(diǎn):
focus()
方法用于為 checkbox 賦予焦點(diǎn)。
語(yǔ)法:
checkboxObject.focus()
失去焦點(diǎn):
blur()
方法用于從單選按鈕上移開(kāi)焦點(diǎn)。
語(yǔ)法;
radioObject.blur()
示例:
下面的例子可設(shè)置或移開(kāi)單選按鈕上的焦點(diǎn):
<!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="獲取焦點(diǎn)" /> <input type="button" onclick="loseFocus()" value="移開(kāi)焦點(diǎn)" /> </form> </body> </html>
效果圖:
想了解