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