HTML | DOM hasFocus() 方法

在 HTML 文档中， document.hasfocus( ) 方法用于指示元素或文档是否具有焦点。如果元素被聚焦，则函数返回真值，否则返回假。此方法可用于确定活动元素当前是否处于焦点中。

句法

document.hasfocus();

参数：此方法没有参数。

返回值： hasfocus() 方法返回一个布尔值，指示元素或文档是否具有焦点。

下面的示例说明了 HTML DOM hasfocus() 方法：

示例 1：此示例说明文档是否具有焦点。

    
        HTML | DOM hasFocus() Method
    

    
       Click anywhere in the document to 
       test hasfocus() function.
    
    
    
        setInterval("hasfocustest()", 1);
  
        function hasfocustest() {
            var x = document.getElementById("para");
            if (document.hasFocus()) {
                x.innerHTML = 
                    "The document has focus.";
            } else {
                x.innerHTML = 
                    "The document DOES NOT have focus.";
            }
        }
    

  
                    

输出：

最初：

按下文件后：

说明： setinterval()函数在 1 毫秒内调用 hasfocustest()，评估后产生结果。

示例 2：此示例说明了根据文档是否具有焦点来更改标题的背景颜色。

    
        HTML | DOM hasFocus() Method
    


    
     Click anywhere in the document to 
     test hasfocus() function.
    
     Function Testing
    
        setInterval("hasfocustest()", 1);
  
        function hasfocustest() {
            var x = document.getElementById("para");
            if (document.hasFocus()) {
                x.style.background = "palegreen";
            } else {
                x.style.background = "white";
            }
        }
    

  

输出：

最初：

按下文件后：

支持的浏览器：支持的浏览器方法如下：

• 谷歌浏览器 30.0
• 互联网浏览器 6.0
• 火狐3.0
• 歌剧 23.0
• 苹果浏览器