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-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)及頁面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04js實(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 代碼,就會(huì)將開發(fā)人員歸類為初學(xué)者,下面我們就來一起看看初學(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