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 相关文章推荐
Jquery Select操作方法集合脚本之家特别版
May 17 Javascript
jquery实现div阴影效果示例代码
Sep 16 Javascript
浅析JQuery UI Dialog的样式设置问题
Dec 18 Javascript
JavaScript实现梯形乘法表的方法
Apr 25 Javascript
connection reset by peer问题总结及解决方案
Oct 21 Javascript
php输出全部gb2312编码内的汉字方法
Mar 04 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
VUE中使用MUI方法
Feb 12 Javascript
浅析Vue下的components模板使用及应用
Nov 27 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
Jul 17 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
Nov 05 Javascript
vue实现登录、注册、退出、跳转等功能
Dec 23 Vue.js
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
ajax完美实现两个网页 分页功能的实例代码
2013/04/16 PHP
php筛选不存在的图片资源
2015/04/28 PHP
PHP实现删除字符串中任何字符的函数
2015/08/11 PHP
Yii2实现UploadedFile上传文件示例
2017/02/15 PHP
PHP Ajax跨域问题解决方案代码实例
2020/08/01 PHP
js 页面输出值
2008/11/30 Javascript
无闪烁更新网页内容JS实现
2013/12/19 Javascript
jQuery 局部div刷新和全局刷新方法总结
2016/10/05 Javascript
JS 拦截全局ajax请求实例解析
2016/11/29 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
vue项目首屏打开速度慢的解决方法
2019/03/31 Javascript
Node 代理访问的实现
2019/09/19 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
[03:00]2018完美盛典_最佳英雄奖
2018/12/17 DOTA
Python使用arrow库优雅地处理时间数据详解
2017/10/10 Python
Numpy中转置transpose、T和swapaxes的实例讲解
2018/04/17 Python
在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法
2019/06/18 Python
python导入pandas具体步骤方法
2019/06/23 Python
python求最大值最小值方法总结
2019/06/25 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
pycharm中选中一个单词替换所有重复单词的实现方法
2020/11/17 Python
欧姆龙医疗保健与医疗产品:Omron Healthcare
2020/02/10 全球购物
this关键字的含义
2015/04/08 面试题
初中音乐教学反思
2014/01/12 职场文书
保护动物倡议书
2014/04/15 职场文书
门市房租房协议书
2014/12/04 职场文书
活动总结模板大全
2015/05/11 职场文书
2016国庆节活动宣传语
2015/11/25 职场文书
中国古代史学名著《战国策》概述
2019/08/09 职场文书
Java面试题冲刺第十七天--基础篇3
2021/08/07 面试题
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python
python实现对doc、txt、xls等文档的读写操作
2022/04/02 Python
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技