JavaScript document.hasFocus() 方法详解与实例

hasFocus() 方法概述

若网页当前处于焦点状态，该方法返回 true，否则返回 false。

所谓焦点，是指用户当前是否正在操作该页面。具体而言，即鼠标指针是否位于网页区域内，或者网页内容是否被选中，亦或是光标位于页面内的某个元素中。只要满足上述任一条件，该网页即被视为处于焦点状态。需要注意的是，hasFocus 方法仅针对网页（document）对象，而非整个浏览器窗口。在以下示例中，当用鼠标点击网页区域时，网页获得焦点，状态为 true；当点击浏览器地址栏时，网页失去焦点，状态显示为 false。再次强调，hasFocus 方法只能在 document 对象上运行。

 
<html>
<head>
<title>Dom:hasFocus方法实例</title>
</head>
<body onfocus="getFocus()" onblur="Empty_Focus()">
<h2>请点击网页区域．表明该网页获得焦点,显示为true.点击浏览器地址栏．该网页失去焦点显示为false</h2>
<hr/>
<a href="https://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>