<style id="keb1c"></style>

javascript hasFocus使用實例

2024-09-06 12:45:40

字體：大中小

來源：轉載

供稿：網友

如果網頁處于焦點狀態返回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://m.survivalescaperooms.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渲染速度