快捷導(dǎo)航

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í)例

復(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)完成功的表單
最近在寫(xiě)一個(gè)javascript框架,看見(jiàn)網(wǎng)上有不少自動(dòng)完成功能的表單,于是用javascript寫(xiě)了一個(gè)，需要的朋友可以參考下
2012-12-12
談?wù)劦谌紸pp接入微信登錄解讀
本篇文章主要介紹了談?wù)劦谌紸pp接入微信登錄解讀，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。
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)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-04-04
js本地圖片預(yù)覽實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了js本地圖片預(yù)覽實(shí)現(xiàn)代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
javascript事件冒泡,事件捕獲和事件委托詳解
這篇文章主要介紹了javaScript 事件冒泡,事件捕獲和事件委托的相關(guān)資料,需要的朋友可以參考下，希望能夠給你帶來(lái)幫助
2021-11-11
如何基于js判斷瀏覽器版本
這篇文章主要介紹了如何基于js判斷瀏覽器版本,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
js實(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-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