javascript hasFocus使用实例

183 阅读 0 评论 121 点赞

我是靠谱客的博主鲤鱼白云，最近开发中收集的这篇文章主要介绍javascript hasFocus使用实例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如果网页处于焦点状态返回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.uoften.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> 