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 相关文章推荐
添加到收藏夹代码(兼容几乎所有的浏览器)
Jan 09 Javascript
JQuery为textarea添加maxlength属性的代码
Apr 07 Javascript
Firebug入门指南(Firefox浏览器)
Aug 21 Javascript
JavaScript 垃圾回收机制分析
Oct 10 Javascript
Js表格万条数据瞬间加载实现代码
Feb 20 Javascript
Javascript中的几种URL编码方法比较
Jan 23 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
Sep 26 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
Feb 10 Javascript
node中使用es6/7/8(支持性与性能)
Mar 28 Javascript
Vue源码解析之数据响应系统的使用
Apr 24 Javascript
vue实现中部导航栏布局功能
Jul 30 Javascript
vue实现计算器功能
Feb 22 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
php仿ZOL分页类代码
2008/10/02 PHP
PHP 函数语法介绍一
2009/06/14 PHP
PHP+MySQL实现无极限分类栏目的方法
2015/12/23 PHP
简要剖析PHP的Yii框架的组件化机制的基本知识
2016/03/17 PHP
PHP获取当前URL路径的处理方法(适用于多条件筛选列表)
2017/02/10 PHP
Aster vs Newbee BO5 第三场2.19
2021/03/10 DOTA
用于自动添加Digg This!按钮的JavaScript
2006/12/23 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
基于jQuery实现的水平和垂直居中的div窗口
2011/08/08 Javascript
js 手机号码合法性验证代码集合
2012/09/29 Javascript
js触发onchange事件的方法说明
2014/03/08 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
2014/05/14 Javascript
nodejs之请求路由概述
2014/07/05 NodeJs
jQuery中hide()方法用法实例
2014/12/24 Javascript
使用mixins实现elementUI表单全局验证的解决方法
2019/04/02 Javascript
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
2020/10/29 Javascript
swiperjs实现导航与tab页的联动
2020/12/13 Javascript
[03:09]2014DOTA2国际邀请赛 赛场上的美丽风景线 中国Coser也爱DOTA2
2014/07/20 DOTA
python实现的文件同步服务器实例
2015/06/02 Python
python字符串str和字节数组相互转化方法
2017/03/18 Python
Django实现分页功能
2018/07/02 Python
python实现微信小程序自动回复
2018/09/10 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
pycharm执行python时,填写参数的方法
2018/10/29 Python
python 装饰器功能与用法案例详解
2020/03/06 Python
Carrs Silver官网:英国著名的银器品牌
2020/08/29 全球购物
机电专业个人求职信范文
2013/12/30 职场文书
公司保密承诺书
2014/03/27 职场文书
天地会口号
2014/06/17 职场文书
优秀教师先进个人事迹材料
2014/08/31 职场文书
学校四风问题对照检查材料思想汇报
2014/09/26 职场文书
小学端午节活动总结
2015/02/11 职场文书
消防宣传语大全
2015/07/13 职场文书
解决Pytorch dataloader时报错每个tensor维度不一样的问题
2021/05/28 Python
为什么RedisCluster设计成16384个槽
2021/09/25 Redis