javascript hasFocus使用實(shí)例
更新時(shí)間:2010年06月29日 00:12:19 作者:
hasFocus是document的特有方法.用來(lái)判斷當(dāng)前網(wǎng)頁(yè)是否獲得焦點(diǎn).
如果網(wǎng)頁(yè)處于焦點(diǎn)狀態(tài)返回true,否則返回fasle
什么是焦點(diǎn)?焦點(diǎn)是指用戶是否活動(dòng)在該頁(yè)面.確切的說(shuō)鼠標(biāo)是否在該網(wǎng)頁(yè)內(nèi)活動(dòng).或者說(shuō)該網(wǎng)頁(yè)中的內(nèi)容是否有被選中的,或者光標(biāo)存在于該頁(yè)的某個(gè)元素內(nèi).如果具備其中一個(gè)條件那么該頁(yè)就處于焦點(diǎn)狀態(tài).注意hasFocus方法只針對(duì)網(wǎng)頁(yè)不針對(duì)瀏覽器.下面的實(shí)例中.你用鼠標(biāo)點(diǎn)擊網(wǎng)頁(yè)時(shí)候.該網(wǎng)頁(yè)處于焦點(diǎn)狀態(tài).你用鼠標(biāo)點(diǎn)擊瀏覽器的地址欄以后.該網(wǎng)頁(yè)失去焦點(diǎn)并顯示false. 再次提醒hasFocus方法只能運(yùn)行在document對(duì)像.請(qǐng)看下面實(shí)例
<html>
<head>
<title>Dom:hasFocus方法實(shí)例</title>
</head>
<body onfocus="getFocus()" onblur="Empty_Focus()">
<h2>請(qǐng)點(diǎn)擊網(wǎng)頁(yè)區(qū)域.表明該網(wǎng)頁(yè)獲得焦點(diǎn),顯示為true.點(diǎn)擊瀏覽器地址欄.該網(wǎng)頁(yè)失去焦點(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)在該頁(yè)面.確切的說(shuō)鼠標(biāo)是否在該網(wǎng)頁(yè)內(nèi)活動(dòng).或者說(shuō)該網(wǎng)頁(yè)中的內(nèi)容是否有被選中的,或者光標(biāo)存在于該頁(yè)的某個(gè)元素內(nèi).如果具備其中一個(gè)條件那么該頁(yè)就處于焦點(diǎn)狀態(tài).注意hasFocus方法只針對(duì)網(wǎng)頁(yè)不針對(duì)瀏覽器.下面的實(shí)例中.你用鼠標(biāo)點(diǎn)擊網(wǎng)頁(yè)時(shí)候.該網(wǎng)頁(yè)處于焦點(diǎn)狀態(tài).你用鼠標(biāo)點(diǎn)擊瀏覽器的地址欄以后.該網(wǎng)頁(yè)失去焦點(diǎn)并顯示false. 再次提醒hasFocus方法只能運(yùn)行在document對(duì)像.請(qǐng)看下面實(shí)例
復(fù)制代碼 代碼如下:
<html>
<head>
<title>Dom:hasFocus方法實(shí)例</title>
</head>
<body onfocus="getFocus()" onblur="Empty_Focus()">
<h2>請(qǐng)點(diǎn)擊網(wǎng)頁(yè)區(qū)域.表明該網(wǎng)頁(yè)獲得焦點(diǎn),顯示為true.點(diǎn)擊瀏覽器地址欄.該網(wǎng)頁(yè)失去焦點(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框架,看見(jiàn)網(wǎng)上有不少自動(dòng)完成功能的表單,于是用javascript寫了一個(gè),需要的朋友可以參考下2012-12-12JS事件循環(huán)-微任務(wù)-宏任務(wù)(原理講解+面試題分析)
這篇文章主要介紹了JS事件循環(huán)-微任務(wù)-宏任務(wù)的原理,本文章含有面試題分析,不管是面試者還是想要學(xué)習(xí)相關(guān)內(nèi)容的都可以很好的理解、掌握這部分內(nèi)容,需要的朋友可以參考下2023-01-01jQuery實(shí)現(xiàn)動(dòng)態(tài)添加、刪除按鈕及input輸入框的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)添加、刪除按鈕及input輸入框的方法,涉及jQuery事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04js實(shí)現(xiàn)整體縮放頁(yè)面適配移動(dòng)端
這篇文章主要介紹了js實(shí)現(xiàn)整體縮放頁(yè)面適配移動(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 代碼,就會(huì)將開(kāi)發(fā)人員歸類為初學(xué)者,下面我們就來(lái)一起看看初學(xué)者需要知道的三個(gè)小技巧,需要的朋友可以參考一下2021-12-12p5.js臨摹動(dòng)態(tài)圖形實(shí)現(xiàn)方法詳解
這篇文章主要為大家詳細(xì)介紹了p5.js臨摹動(dòng)態(tài)圖形的實(shí)現(xiàn)方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10