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 相关文章推荐
纯js分页代码(简洁实用)
Nov 05 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
jQuery解析XML文件同时动态增加js文件的方法
Jun 01 Javascript
javascript实现dom元素可拖动
Mar 21 Javascript
bootstrap布局中input输入框右侧图标点击功能
May 16 Javascript
JS代码实现百度地图 画圆 删除标注
Oct 12 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
详解AngularJS脏检查机制及$timeout的妙用
Jun 19 Javascript
手把手教你搭建ES6的开发运行环境
Jul 11 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
Jun 29 Javascript
详解Angular如何正确的操作DOM
Jul 06 Javascript
vue-cli3添加模式配置多环境变量的方法
Jun 05 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
真正的ZIP文件操作类(php)
2007/07/21 PHP
PHP根据传来的16进制颜色代码自动改变背景颜色
2014/06/13 PHP
PHP生成压缩文件实例
2015/02/07 PHP
php自定义中文字符串截取函数substr_for_gb2312及substr_for_utf8示例
2016/05/28 PHP
yii2实现分页,带搜索的分页功能示例
2017/01/07 PHP
JQuery跨Iframe选择实现代码
2010/08/19 Javascript
jquery中ajax学习笔记一
2011/10/16 Javascript
JavaScript文档碎片操作实例分析
2015/12/12 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
javascript与PHP动态往类中添加方法对比
2018/03/21 Javascript
vuex 解决报错this.$store.commit is not a function的方法
2018/12/17 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
2019/04/17 Javascript
JS document文档的简单操作完整示例
2020/01/13 Javascript
[01:35]辉夜杯战队访谈宣传片—LGD
2015/12/25 DOTA
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:奇迹哥卡尔秀翻全场
2017/03/28 DOTA
Python实现将Excel转换为json的方法示例
2017/08/05 Python
Python编程之微信推送模板消息功能示例
2017/08/21 Python
Python使用matplotlib的pie函数绘制饼状图功能示例
2018/01/08 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
python elasticsearch从创建索引到写入数据的全过程
2019/08/04 Python
Python操作MongoDb数据库流程详解
2020/03/05 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
html5响应式开发自动计算fontSize的方法
2020/01/13 HTML / CSS
英国在线花园中心:You Garden
2018/06/03 全球购物
新郎婚宴答谢词
2014/01/19 职场文书
生日主持词
2014/03/20 职场文书
求职信内容怎么写
2014/05/26 职场文书
群众路线领导对照材料
2014/08/23 职场文书
2014年绿化工作总结
2014/12/09 职场文书
试用期工作表现自我评价
2015/03/06 职场文书
家长反馈意见及建议
2015/06/03 职场文书
行政处罚事先告知书
2015/07/01 职场文书
Nginx+Windows搭建域名访问环境的操作方法
2022/03/17 Servers
联想win10摄像头打不开怎么办?win10笔记本摄像头打不开解决办法
2022/04/08 数码科技
MySQL索引失效场景及解决方案
2022/07/23 MySQL