DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript hasFocus使用實例
javascript hasFocus使用實例
編輯:關於JavaScript     
如果網頁處於焦點狀態返回true,否則返回fasle
什麼是焦點?焦點是指用戶是否活動在該頁面.確切的說鼠標是否在該網頁內活動.或者說該網頁中的內容是否有被選中的,或者光標存在於該頁的某個元素內.如果具備其中一個條件那麼該頁就處於焦點狀態.注意hasFocus方法只針對網頁不針對浏覽器.下面的實例中.你用鼠標點擊網頁時候.該網頁處於焦點狀態.你用鼠標點擊浏覽器的地址欄以後.該網頁失去焦點並顯示false. 再次提醒hasFocus方法只能運行在document對像.請看下面實例
復制代碼 代碼如下:
<html>
<head>
<title>Dom:hasFocus方法實例</title>
</head>
<body onfocus="getFocus()" onblur="Empty_Focus()">
<h2>請點擊網頁區域.表明該網頁獲得焦點,顯示為true.點擊浏覽器地址欄.該網頁失去焦點顯示為false</h2>
<hr/>
<a href="http://www.jb51.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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved