本文介绍JavaScript中document.hasFocus()方法的用法，该方法用于判断当前网页是否处于焦点状态。通过鼠标点击网页或浏览器地址栏的交互示例，展示如何获取焦点状态返回值，并附带完整的HTML与JavaScript代码实现。
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>