javascript hasFocus使用實(shí)例
更新時(shí)間：2010年06月29日 00:12:19 作者：
hasFocus是document的特有方法．用來判斷當(dāng)前網(wǎng)頁是否獲得焦點(diǎn)．
如果網(wǎng)頁處于焦點(diǎn)狀態(tài)返回true,否則返回fasle
什么是焦點(diǎn)？焦點(diǎn)是指用戶是否活動(dòng)在該頁面．確切的說鼠標(biāo)是否在該網(wǎng)頁內(nèi)活動(dòng)．或者說該網(wǎng)頁中的內(nèi)容是否有被選中的，或者光標(biāo)存在于該頁的某個(gè)元素內(nèi)．如果具備其中一個(gè)條件那么該頁就處于焦點(diǎn)狀態(tài)．注意hasFocus方法只針對網(wǎng)頁不針對瀏覽器．下面的實(shí)例中．你用鼠標(biāo)點(diǎn)擊網(wǎng)頁時(shí)候．該網(wǎng)頁處于焦點(diǎn)狀態(tài)．你用鼠標(biāo)點(diǎn)擊瀏覽器的地址欄以后．該網(wǎng)頁失去焦點(diǎn)并顯示false． 再次提醒hasFocus方法只能運(yùn)行在document對像．請看下面實(shí)例
<html>
<head>
<title>Dom:hasFocus方法實(shí)例</title>
</head>
<body onfocus="getFocus()" onblur="Empty_Focus()">
<h2>請點(diǎn)擊網(wǎng)頁區(qū)域．表明該網(wǎng)頁獲得焦點(diǎn),顯示為true.點(diǎn)擊瀏覽器地址欄．該網(wǎng)頁失去焦點(diǎn)顯示為false</h2>
<hr/>
<a href="http://www.dbjr.com.cn" onfocus="getFocus()">腳本之家</a>
<span id="c"></span>
<script language="javascript">
function getFocus(){
document.getElementById("c").innerHTML = document.hasFocus();
}
function Empty_Focus(){
document.getElementById("c").innerHTML = document.hasFocus();
}
</script>
</body>
</html>
什么是焦點(diǎn)？焦點(diǎn)是指用戶是否活動(dòng)在該頁面．確切的說鼠標(biāo)是否在該網(wǎng)頁內(nèi)活動(dòng)．或者說該網(wǎng)頁中的內(nèi)容是否有被選中的，或者光標(biāo)存在于該頁的某個(gè)元素內(nèi)．如果具備其中一個(gè)條件那么該頁就處于焦點(diǎn)狀態(tài)．注意hasFocus方法只針對網(wǎng)頁不針對瀏覽器．下面的實(shí)例中．你用鼠標(biāo)點(diǎn)擊網(wǎng)頁時(shí)候．該網(wǎng)頁處于焦點(diǎn)狀態(tài)．你用鼠標(biāo)點(diǎn)擊瀏覽器的地址欄以后．該網(wǎng)頁失去焦點(diǎn)并顯示false． 再次提醒hasFocus方法只能運(yùn)行在document對像．請看下面實(shí)例
復(fù)制代碼 代碼如下:
<html>
<head>
<title>Dom:hasFocus方法實(shí)例</title>
</head>
<body onfocus="getFocus()" onblur="Empty_Focus()">
<h2>請點(diǎn)擊網(wǎng)頁區(qū)域．表明該網(wǎng)頁獲得焦點(diǎn),顯示為true.點(diǎn)擊瀏覽器地址欄．該網(wǎng)頁失去焦點(diǎn)顯示為false</h2>
<hr/>
<a href="http://www.dbjr.com.cn" onfocus="getFocus()">腳本之家</a>
<span id="c"></span>
<script language="javascript">
function getFocus(){
document.getElementById("c").innerHTML = document.hasFocus();
}
function Empty_Focus(){
document.getElementById("c").innerHTML = document.hasFocus();
}
</script>
</body>
</html>
相關(guān)文章
用javascript模仿ie的自動(dòng)完成類似自動(dòng)完成功的表單
最近在寫一個(gè)javascript框架,看見網(wǎng)上有不少自動(dòng)完成功能的表單,于是用javascript寫了一個(gè)，需要的朋友可以參考下2012-12-12
本篇文章主要介紹了談?wù)劦谌紸pp接入微信登錄 解讀 ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧。2016-12-12
JS事件循環(huán)-微任務(wù)-宏任務(wù)（原理講解+面試題分析）
這篇文章主要介紹了JS事件循環(huán)-微任務(wù)-宏任務(wù)的原理，本文章含有面試題分析，不管是面試者還是想要學(xué)習(xí)相關(guān)內(nèi)容的都可以很好的理解、掌握這部分內(nèi)容,需要的朋友可以參考下2023-01-01
jQuery實(shí)現(xiàn)動(dòng)態(tài)添加、刪除按鈕及input輸入框的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)添加、刪除按鈕及input輸入框的方法,涉及jQuery事件響應(yīng)及頁面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細(xì)介紹了js本地圖片預(yù)覽實(shí)現(xiàn)代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了javaScript 事件冒泡,事件捕獲和事件委托的相關(guān)資料,需要的朋友可以參考下，希望能夠給你帶來幫助2021-11-11
這篇文章主要介紹了如何基于js判斷瀏覽器版本,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
js實(shí)現(xiàn)整體縮放頁面適配移動(dòng)端
這篇文章主要介紹了js實(shí)現(xiàn)整體縮放頁面適配移動(dòng)端，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
學(xué)習(xí)JavaScript一定要知道的3個(gè)小技巧
這篇文章主要給大家分享的是學(xué)習(xí)JavaScript一定要知道的3個(gè)小技巧，通常在 Angular 或 React 項(xiàng)目中，code review 時(shí)看到一些老式的 JavaScript 代碼，就會將開發(fā)人員歸類為初學(xué)者，下面我們就來一起看看初學(xué)者需要知道的三個(gè)小技巧,需要的朋友可以參考一下2021-12-12
p5.js臨摹動(dòng)態(tài)圖形實(shí)現(xiàn)方法詳解
這篇文章主要為大家詳細(xì)介紹了p5.js臨摹動(dòng)態(tài)圖形的實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10