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.glzy8.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>