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.fzitv.net" 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.fzitv.net" 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)文章
js實(shí)現(xiàn)彈窗居中的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)彈窗居中的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
WebRTC媒體權(quán)限申請(qǐng)getUserMedia實(shí)例詳解
這篇文章主要為大家介紹了WebRTC媒體權(quán)限申請(qǐng)getUserMedia實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
本篇文章主要介紹了Webpack執(zhí)行命令參數(shù)詳解 ，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
window.print可以打印網(wǎng)頁(yè)，但有時(shí)候我們只希望打印特定控件或內(nèi)容，怎么辦呢，請(qǐng)看下面的例子2013-12-12
bootstrap datepicker插件默認(rèn)英文修改為中文
這篇文章主要為大家詳細(xì)介紹了bootstrap datepicker插件默認(rèn)英文修改為中文的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
微信小程序開(kāi)發(fā)中生命周期的詳細(xì)介紹
生命周期是指一個(gè)對(duì)象從創(chuàng)建→>運(yùn)行>銷毀的整個(gè)階段，強(qiáng)調(diào)的是一個(gè)時(shí)間段，文中介紹了小程序中組件的生命周期，需要的朋友可以參考下2023-03-03
JavaScript使用箭頭函數(shù)實(shí)現(xiàn)優(yōu)化代碼
在JavaScript的編程世界里,我們時(shí)常被普通函數(shù)的冗長(zhǎng)寫法所困擾,每次都需要寫function關(guān)鍵字,有時(shí)候還要明確地寫return語(yǔ)句,下面我們就來(lái)看看如何利用箭頭函數(shù)優(yōu)化這些繁瑣的代碼吧2023-11-11
js 右鍵菜單，支持不同對(duì)象不同菜單(兼容IE、Firefox)
版本雖然很老也不符合標(biāo)準(zhǔn)了，不過(guò)代碼是值得參考的，需要右鍵菜單的朋友可以參考下。2010-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)原生步驟條，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
以前有人會(huì)說(shuō)，new Function的方式是幾乎與eval相等，今天我查了一下，確實(shí)是不同的東西，說(shuō)這句話的人太不負(fù)責(zé)了。關(guān)于eval和new function，得到的結(jié)果都是一致的，都會(huì)叫你不要去使用它們。所以結(jié)論就是“不得不”才使用2012-12-12