javascript hasFocus使用实例

时间:2024-04-10 10:57:41 

如果网页处于焦点状态返回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="https://www.aspxhome.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>
标签:javascript,hasFocus
0
投稿

猜你喜欢

  • Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)

    2023-12-23 19:32:54
  • asp如何实现按照输入汉字提示拼音功能?

    2010-05-18 18:37:00
  • python-sys.stdout作为默认函数参数的实现

    2022-11-23 02:50:35
  • 带你深入了解数据库设计中的英文术语表

    2008-12-09 14:53:00
  • Django框架中render_to_response()函数的使用方法

    2023-09-03 13:58:49
  • Mysql的Table doesn't exist问题及解决

    2024-01-16 05:03:13
  • 记录密码的asp代码

    2009-11-02 10:50:00
  • Python的gevent框架的入门教程

    2023-06-26 16:58:34
  • 学好python基本数据类型

    2023-07-24 21:48:40
  • python向已存在的excel中新增表,不覆盖原数据的实例

    2022-04-26 15:16:51
  • GoFrame实现顺序性校验示例详解

    2024-02-05 06:24:37
  • 品牌的统一体验

    2010-05-19 13:08:00
  • Python装饰器的两种使用心得

    2023-03-17 17:03:23
  • dubbo中zookeeper请求超时问题:mybatis+spring连接mysql8.0.15的配置

    2024-01-13 21:40:23
  • python简单实现9宫格图片实例

    2021-10-22 13:23:25
  • Oracle中锁(lock)的用法

    2024-01-12 17:22:49
  • my sql存储过程学习总结

    2011-07-12 19:12:35
  • vue项目的创建的步骤(图文教程)

    2024-05-21 10:16:29
  • python机器学习理论与实战(六)支持向量机

    2023-10-18 22:59:53
  • javascript用回车键实现Tab键功能

    2009-07-05 18:40:00
  • asp之家 网络编程 m.aspxhome.com