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随机将第一个dom中的图片添加到第二个div中示例
Oct 08 Javascript
表单提交前触发函数返回true表单才会提交
Mar 11 Javascript
JS中自定义定时器让它在某一时刻执行
Sep 02 Javascript
JavaScript中获取样式的原生方法小结
Oct 08 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
Mar 14 Javascript
浅谈JS原型对象和原型链
Mar 02 Javascript
H5用户注册表单页 注册模态框!
Sep 17 Javascript
bootstrap读书笔记之CSS组件(上)
Oct 17 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
Feb 20 Javascript
教你如何用Node实现API的转发(某音乐)
Sep 20 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
Mar 03 Javascript
JS异步宏队列微队列原理详解
Sep 09 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字符编码问题之GB2312 VS UTF-8解决方法
2011/06/23 PHP
laravel 5异常错误:FatalErrorException in Handler.php line 38的解决
2017/10/12 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
laravel框架查询数据集转为数组的两种方法
2019/10/10 PHP
JavaScript控制Session操作方法
2013/01/17 Javascript
深入探讨Vue.js组件和组件通信
2016/09/12 Javascript
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
2017/03/29 Javascript
JS实现图片预加载之无序预加载功能代码
2017/05/12 Javascript
uni app仿微信顶部导航条功能
2019/09/17 Javascript
解决Nuxt使用axios跨域问题
2020/07/06 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
2020/09/04 Javascript
微信小程序轮播图swiper代码详解
2020/12/01 Javascript
Python生成随机数组的方法小结
2017/04/15 Python
python之PyMongo使用总结
2017/05/26 Python
python脚本监控Tomcat服务器的方法
2018/07/06 Python
基于tensorflow加载部分层的方法
2018/07/26 Python
Python实现堡垒机模式下远程命令执行操作示例
2019/05/09 Python
python处理自动化任务之同时批量修改word里面的内容的方法
2019/08/23 Python
Pycharm 字体大小调整设置的方法实现
2019/09/27 Python
python如何写出表白程序
2020/06/01 Python
python map比for循环快在哪
2020/09/21 Python
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
How to spawning asynchronous work in J2EE
2016/08/29 面试题
历史教育专业个人求职信
2013/12/13 职场文书
美德好少年主要事迹
2014/01/29 职场文书
毕业生如何写自我鉴定
2014/03/15 职场文书
公司授权委托书范文
2014/08/02 职场文书
校园广播稿100字
2014/10/06 职场文书
工作表扬信
2015/01/17 职场文书
校本研修个人总结
2015/02/28 职场文书
奖励通知
2015/04/22 职场文书
奖学金主要事迹范文
2015/11/04 职场文书
2016学校元旦晚会经典开场白台词
2015/12/03 职场文书
Redis基于Bitmap实现用户签到功能
2021/06/20 Redis
Python中的datetime包与time包包和模块详情
2022/02/28 Python
日本动漫十大公认神作:第五现已全网禁播,《死亡笔记》在榜
2022/03/18 日漫