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 动态改变图片大小
Jun 11 Javascript
Javascript模块化编程(一)模块的写法最佳实践
Jan 17 Javascript
js中substring和substr的定义和用法
May 05 Javascript
解决WordPress使用CDN后博文无法评论的错误
Dec 15 Javascript
微信QQ的二维码登录原理js代码解析
Jun 23 Javascript
简单实现Vue的observer和watcher
Dec 21 Javascript
javascript完美实现给定日期返回上月日期的方法
Jun 15 Javascript
ES6学习教程之块级作用域详解
Oct 09 Javascript
Vue中使用vue-i18插件实现多语言切换功能
Apr 25 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
Jul 11 Javascript
react-router 路由切换动画的实现示例
Dec 03 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
Apr 24 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
德生PL550的电路分析
2021/03/02 无线电
PHP实现视频文件上传完整实例
2014/08/28 PHP
PHP Streams(流)详细介绍及使用
2015/05/12 PHP
CodeIgniter表单验证方法实例详解
2016/03/03 PHP
Yii2框架BootStrap样式的深入理解
2016/11/07 PHP
可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
2007/08/21 Javascript
JavaScript获取onclick、onchange等事件值的代码
2013/07/22 Javascript
js单词形式的运算符
2014/05/06 Javascript
node.js适合游戏后台开发吗?
2014/09/03 Javascript
基于jquery css3实现点击动画弹出表单源码特效
2015/08/31 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
2016/07/12 Javascript
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
vue的keep-alive中使用EventBus的方法
2019/04/23 Javascript
vue+element实现表单校验功能
2019/05/20 Javascript
Vue的生命周期操作示例
2019/09/17 Javascript
Vue自定义组件双向绑定实现原理及方法详解
2020/09/03 Javascript
[16:27]DOTA2 HEROS教学视频教你分分钟做大人-艾欧
2014/06/11 DOTA
浅析Python中的多条件排序实现
2016/06/07 Python
Python彩色化Linux的命令行终端界面的代码实例分享
2016/07/02 Python
Python中内置的日志模块logging用法详解
2016/07/12 Python
python3.6下Numpy库下载与安装图文教程
2019/04/02 Python
python函数map()和partial()的知识点总结
2020/05/26 Python
Python坐标轴操作及设置代码实例
2020/06/04 Python
详解如何在css中引入自定义字体(font-face)
2018/05/17 HTML / CSS
HTML5中视频音频的使用详解
2017/07/07 HTML / CSS
html5记忆翻牌游戏实现思路及代码
2013/07/25 HTML / CSS
html5的pushstate以及监听浏览器返回事件的实现
2020/08/11 HTML / CSS
Linux中如何用命令创建目录
2015/01/12 面试题
介绍一下Python下range()函数的用法
2013/11/07 面试题
汽车检测与维修应届毕业生求职信
2013/10/19 职场文书
小饰品店的创业计划书范文
2013/12/28 职场文书
村捐赠仪式答谢词
2014/01/21 职场文书
大学旷课检讨书
2014/01/28 职场文书
市场总经理岗位职责
2014/04/11 职场文书
我的暑假生活作文(五年级)范文
2019/08/07 职场文书
go xorm框架的使用
2021/05/22 Golang