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 相关文章推荐
用roll.js实现的图片自动滚动+鼠标触动的特效
Mar 18 Javascript
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
Jan 30 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
Nov 15 Javascript
原生js实现查找/添加/删除/指定元素的class
Apr 12 Javascript
javascript实现dom元素可拖动
Mar 21 Javascript
JavaScript实现弹窗效果代码分析
Mar 09 Javascript
JavaScript中递归实现的方法及其区别
Sep 12 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
Apr 23 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
May 20 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
Sep 03 Javascript
jQuery实现可以计算进制转换的计算器
Oct 19 jQuery
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
长波知识介绍
2021/03/01 无线电
深入file_get_contents函数抓取内容失败的原因分析
2013/06/25 PHP
destoon安全设置中需要设置可写权限的目录及文件
2014/06/21 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
解决laravel资源加载路径设置的问题
2019/10/14 PHP
js substr支持中文截取函数代码(中文是双字节)
2013/04/17 Javascript
javascript间隔刷新的简单实例
2013/11/14 Javascript
javascript面向对象之定义成员方法实例分析
2015/01/13 Javascript
JavaScript实现表格点击排序的方法
2015/05/11 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
2015/06/24 Javascript
JavaScript多图片上传案例
2015/09/28 Javascript
Node.js的特点详解
2017/02/03 Javascript
纯js模仿windows系统日历
2017/02/04 Javascript
Node.js中.pfx后缀文件的处理方法
2017/03/10 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
2017/07/05 Javascript
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
Javascript网页抢红包外挂实现分享
2018/01/11 Javascript
Element输入框带历史查询记录的实现示例
2019/01/15 Javascript
Vue-axios-post数据后端接不到问题解决
2020/01/09 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
Python urllib、urllib2、httplib抓取网页代码实例
2015/05/09 Python
python中使用PIL制作并验证图片验证码
2018/03/15 Python
Python利用ORM控制MongoDB(MongoEngine)的步骤全纪录
2018/09/13 Python
python多线程分块读取文件
2019/08/29 Python
Python装饰器实现方法及应用场景详解
2020/03/26 Python
基于Tensorflow一维卷积用法详解
2020/05/22 Python
详解CSS3 弹性布局快速入门
2019/06/06 HTML / CSS
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
开水果连锁店创业计划书
2013/12/29 职场文书
优秀民警事迹材料
2014/01/29 职场文书
小学生家长评语大全
2014/02/10 职场文书
争先创优活动总结
2014/08/27 职场文书
买房子个人收入证明
2014/10/12 职场文书
导游词开场白
2015/01/31 职场文书
《王者天下》第4季首话新剧照 4月9日正式开播
2022/04/07 日漫