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 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
Javascript浅谈之引用类型
Dec 18 Javascript
JavaScript替换当前页面的方法
Apr 03 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
微信小程序 122100版本更新问题解决方案
Dec 22 Javascript
全面总结Javascript对数组对象的各种操作
Jan 22 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
ES6学习教程之对象的扩展详解
May 02 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
Sep 20 Javascript
Vue组件的使用教程详解
Jan 05 Javascript
详解使用jest对vue项目进行单元测试
Sep 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
php下清空字符串中的HTML标签的代码
2010/09/06 PHP
关于PHP session 存储方式的详细介绍
2013/06/25 PHP
php无限极分类递归排序实现方法
2014/11/11 PHP
Yii框架参数化查询中IN查询只能查询一个的解决方法
2017/05/20 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
js检测客户端不是firefox则提示下载
2007/04/07 Javascript
在javascript中如何得到中英文混合字符串的长度
2014/01/17 Javascript
跟我学习javascript的最新标准ES6
2015/11/20 Javascript
js实现搜索框关键字智能匹配代码
2020/03/26 Javascript
js拼接html字符串的注意事项
2016/10/13 Javascript
使用Javascript监控前端相关数据的代码
2016/10/27 Javascript
利用JQuery阻止事件冒泡
2016/12/01 Javascript
关于Function中的bind()示例详解
2016/12/02 Javascript
JS实现十字坐标跟随鼠标效果
2017/12/25 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
2018/03/18 Javascript
javascript验证form表单数据的案例详解
2019/03/25 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
Angular8基础应用之表单及其验证
2019/08/11 Javascript
JS实现点餐自动选择框(案例分析)
2019/12/10 Javascript
react实现移动端下拉菜单的示例代码
2020/01/16 Javascript
vue中element 的upload组件发送请求给后端操作
2020/09/07 Javascript
[03:22]DAC最前线(第二期)—DOTA2亚洲邀请赛主赛场周边及线路探访
2015/01/24 DOTA
python 正则式 概述及常用字符
2009/05/07 Python
python常见排序算法基础教程
2017/04/13 Python
Python 可变类型和不可变类型及引用过程解析
2019/09/27 Python
python config文件的读写操作示例
2019/09/27 Python
OpenCV Python实现拼图小游戏
2020/03/23 Python
python与js主要区别点总结
2020/09/13 Python
Python 实现PS滤镜的旋涡特效
2020/12/03 Python
可以随进度显示不同颜色的css3进度条分享
2014/04/11 HTML / CSS
基于Html5实现的react拖拽排序组件示例
2018/08/13 HTML / CSS
英国现代绅士品牌:Hackett
2017/12/17 全球购物
高中数学课堂教学反思
2016/02/18 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP
如何搭建 MySQL 高可用高性能集群
2021/06/21 MySQL
面试被问select......for update会锁表还是锁行
2021/11/11 MySQL