javascript hasFocus使用實(shí)例

2024-09-06 12:45:40

字體：大中小

供稿：網(wǎng)友

如果網(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)頁不針對瀏覽器．下面的實(shí)例中．你用鼠標(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對像．請看下面實(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.49028c.com" 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>

上一篇：基于jquery的圖片懶加載js

下一篇：JavaScript Tips 使用DocumentFragment加快DOM渲染速度