javascript hasFocus使用实例


Posted in Javascript onJune 29, 2010

如果网页处于焦点状态返回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://3water.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 相关文章推荐
JavaScript调用堆栈及setTimeout使用方法深入剖析
Feb 16 Javascript
Java中Timer的用法详解
Oct 21 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
Sep 30 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
Oct 27 Javascript
js实现轮播图的两种方式(构造函数、面向对象)
Sep 30 Javascript
BootStrap模态框不垂直居中的解决方法
Oct 19 Javascript
layui框架中layer父子页面交互的方法分析
Nov 15 Javascript
vue 中swiper的使用教程
May 22 Javascript
Vue项目添加动态浏览器头部title的方法
Jul 11 Javascript
小程序实现左右来回滚动字幕效果
Dec 28 Javascript
JavaScript 链表定义与使用方法示例
Apr 28 Javascript
基于javascript的无缝滚动动画1
Aug 07 Javascript
jquery photoFrame 图片边框美化显示插件
Jun 28 #Javascript
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
Jun 28 #Javascript
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
Jun 28 #Javascript
Jquery ui css framework
Jun 28 #Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 #Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
Jun 28 #Javascript
js getElementsByTagName的简写方式
Jun 27 #Javascript
You might like
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
PHP实现网页内容html标签补全和过滤的方法小结【2种方法】
2017/04/27 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
php 与 nginx 的处理方式及nginx与php-fpm通信的两种方式
2018/09/28 PHP
JavaScript 乱码问题
2009/08/06 Javascript
解决JS中乘法的浮点错误的方法
2014/01/03 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
JavaScript中数据结构与算法(一):栈
2015/06/19 Javascript
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
详解auto-vue-file:一个自动创建vue组件的包
2019/04/26 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
ionic2.0双击返回键退出应用
2019/09/17 Javascript
Antd中单个DatePicker限定时间输入范围操作
2020/10/29 Javascript
在Python中操作字典之fromkeys()方法的使用
2015/05/21 Python
Python实现SVN的目录周期性备份实例
2015/07/17 Python
Java Web开发过程中登陆模块的验证码的实现方式总结
2016/05/25 Python
详解Python中 __get__和__getattr__和__getattribute__的区别
2016/06/16 Python
pycharm安装图文教程
2017/05/02 Python
Python+OpenCV实现图像融合的原理及代码
2018/12/03 Python
flask框架路由常用定义方式总结
2019/07/23 Python
为什么说Python可以实现所有的算法
2019/10/04 Python
python中设置超时跳过,超时退出的方式
2019/12/13 Python
python函数调用,循环,列表复制实例
2020/05/03 Python
Python pickle模块常用方法代码实例
2020/10/10 Python
香港唯港荟酒店预订:Hotel ICON
2018/03/27 全球购物
有影响力的品牌之家:Our Social Collective
2019/06/08 全球购物
聊城大学毕业生自荐书
2014/02/01 职场文书
开业庆典策划方案
2014/02/18 职场文书
十佳家长事迹材料
2014/08/26 职场文书
2015年幼儿园元旦游艺活动策划书
2014/12/09 职场文书
2015毕业寄语大全
2015/02/26 职场文书
公司环境卫生管理制度
2015/08/05 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书
GoFrame gredis缓存DoVar Conn连接对象 自动序列化GoFrame gredisDo/DoVar方法Conn连接对象自动序列化/反序列化总结
2022/06/14 Golang