document.hasFocus

3 位贡献者:

概述

返回一个布尔值,表明当前文档或者当前文档的子节点是否获得了焦点. 该方法可以用来判断当前文档中的活动元素是否获得了焦点.

注意:当查看一个文档时, 当前文档中获得焦点的元素一定是当前文档的活动元素.但一个文档中的活动元素不一定获得了焦点. 例如, 一个在后台的窗口中的活动元素一定没有获得焦点.

语法

focused = document.hasFocus();

返回值

如果当前文档的活动元素获得了焦点,返回true,否则返回false

例子

<!DOCTYPE html>
<html>
<head>
  <style type='text/css'>
    #message { font-weight: bold; }
  </style>

<script type='text/javascript'>
      setInterval("CheckPageFocus()", 200);
  
      function CheckPageFocus() {
            var info = document.getElementById("message");
           if (document.hasFocus()) {
             info.innerHTML = "该页面获得了焦点.";
            }
            else {
             info.innerHTML = "该页面没有获得焦点.";
           }
      }
 
    function OpenWindow() {
           window.open ("http://developer.mozilla.org/", "mozdev",  
                     "width=640, height=300, left=150, top=260");
    }
</script>
</head>

<body>
 document.hasFocus 演示<br /><br />
<div id="message">等待用户操作</div><br />
<button onclick="OpenWindow()">打开一个新窗口</button>
</body>
</html>

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) 3.0 (1.9) 6.0 未实现 (Yes)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? 1.0 (1.9) ? 未实现 ?

规范

文档标签和贡献者

向此页面作出贡献: teoli, khalid32, ziyunfei
最后编辑者: khalid32,
隐藏侧边栏