javascript hasFocus使用實例
更新時間：2010年06月29日 00:12:19 作者：
hasFocus是document的特有方法．用來判斷當前網(wǎng)頁是否獲得焦點．
如果網(wǎng)頁處于焦點狀態(tài)返回true,否則返回fasle
什么是焦點？焦點是指用戶是否活動在該頁面．確切的說鼠標是否在該網(wǎng)頁內(nèi)活動．或者說該網(wǎng)頁中的內(nèi)容是否有被選中的，或者光標存在于該頁的某個元素內(nèi)．如果具備其中一個條件那么該頁就處于焦點狀態(tài)．注意hasFocus方法只針對網(wǎng)頁不針對瀏覽器．下面的實例中．你用鼠標點擊網(wǎng)頁時候．該網(wǎng)頁處于焦點狀態(tài)．你用鼠標點擊瀏覽器的地址欄以后．該網(wǎng)頁失去焦點并顯示false． 再次提醒hasFocus方法只能運行在document對像．請看下面實例
<html>
<head>
<title>Dom:hasFocus方法實例</title>
</head>
<body onfocus="getFocus()" onblur="Empty_Focus()">
<h2>請點擊網(wǎng)頁區(qū)域．表明該網(wǎng)頁獲得焦點,顯示為true.點擊瀏覽器地址欄．該網(wǎng)頁失去焦點顯示為false</h2>
<hr/>
<a href="http://chabaoo.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>
什么是焦點？焦點是指用戶是否活動在該頁面．確切的說鼠標是否在該網(wǎng)頁內(nèi)活動．或者說該網(wǎng)頁中的內(nèi)容是否有被選中的，或者光標存在于該頁的某個元素內(nèi)．如果具備其中一個條件那么該頁就處于焦點狀態(tài)．注意hasFocus方法只針對網(wǎng)頁不針對瀏覽器．下面的實例中．你用鼠標點擊網(wǎng)頁時候．該網(wǎng)頁處于焦點狀態(tài)．你用鼠標點擊瀏覽器的地址欄以后．該網(wǎng)頁失去焦點并顯示false． 再次提醒hasFocus方法只能運行在document對像．請看下面實例
復制代碼 代碼如下:
<html>
<head>
<title>Dom:hasFocus方法實例</title>
</head>
<body onfocus="getFocus()" onblur="Empty_Focus()">
<h2>請點擊網(wǎng)頁區(qū)域．表明該網(wǎng)頁獲得焦點,顯示為true.點擊瀏覽器地址欄．該網(wǎng)頁失去焦點顯示為false</h2>
<hr/>
<a href="http://chabaoo.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的自動完成類似自動完成功的表單
最近在寫一個javascript框架,看見網(wǎng)上有不少自動完成功能的表單,于是用javascript寫了一個，需要的朋友可以參考下2012-12-12
本篇文章主要介紹了談談第三方App接入微信登錄 解讀 ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧。2016-12-12
JS事件循環(huán)-微任務-宏任務（原理講解+面試題分析）
這篇文章主要介紹了JS事件循環(huán)-微任務-宏任務的原理，本文章含有面試題分析，不管是面試者還是想要學習相關(guān)內(nèi)容的都可以很好的理解、掌握這部分內(nèi)容,需要的朋友可以參考下2023-01-01
jQuery實現(xiàn)動態(tài)添加、刪除按鈕及input輸入框的方法
這篇文章主要介紹了jQuery實現(xiàn)動態(tài)添加、刪除按鈕及input輸入框的方法,涉及jQuery事件響應及頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細介紹了js本地圖片預覽實現(xiàn)代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了javaScript 事件冒泡,事件捕獲和事件委托的相關(guān)資料,需要的朋友可以參考下，希望能夠給你帶來幫助2021-11-11
這篇文章主要介紹了如何基于js判斷瀏覽器版本,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了js實現(xiàn)整體縮放頁面適配移動端，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要給大家分享的是學習JavaScript一定要知道的3個小技巧，通常在 Angular 或 React 項目中，code review 時看到一些老式的 JavaScript 代碼，就會將開發(fā)人員歸類為初學者，下面我們就來一起看看初學者需要知道的三個小技巧,需要的朋友可以參考一下2021-12-12
這篇文章主要為大家詳細介紹了p5.js臨摹動態(tài)圖形的實現(xiàn)方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10