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 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
javascript replace方法与正则表达式
Feb 19 Javascript
jQuery 对象中的类数组操作
Apr 27 Javascript
javascript 有用的脚本函数
May 07 Javascript
简介JavaScript中的italics()方法的使用
Jun 08 Javascript
七夕情人节丘比特射箭小游戏
Aug 20 Javascript
微信小程序 教程之WXML
Oct 18 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
Nov 22 Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 Javascript
简单实现jquery隔行变色
Nov 09 jQuery
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
Dec 12 Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
Feb 08 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对mongodb的扩展(初出茅庐)
2012/11/11 PHP
php实现四舍五入的方法小结
2015/03/03 PHP
PHP文件与目录操作示例
2016/12/24 PHP
10个实用的脚本代码工具
2010/05/04 Javascript
JQuery 拾色器插件发布-jquery.icolor.js
2010/10/20 Javascript
jquery中ajax学习笔记3
2011/10/16 Javascript
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
2012/04/20 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
2016/05/28 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
详解NodeJs支付宝移动支付签名及验签
2017/01/06 NodeJs
JavaScript中的toString()和toLocaleString()方法的区别
2017/02/15 Javascript
Vue官方文档梳理之全局配置
2017/11/22 Javascript
使用nvm和nrm优化node.js工作流的方法
2019/01/17 Javascript
JavaScript实现页面中录音功能的方法
2019/06/04 Javascript
解决Layui 表格自适应高度的问题
2019/11/15 Javascript
对pandas中to_dict的用法详解
2018/06/05 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
对Python定时任务的启动和停止方法详解
2019/02/19 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
Debenhams爱尔兰:英国知名的百货公司
2017/01/02 全球购物
澳大利亚宠物商店:Petbarn
2017/11/18 全球购物
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
Stella McCartney官网:成衣、包袋、香水、内衣、童装及Adidas系列
2018/12/20 全球购物
香港演唱会订票网站:StubHub香港
2019/10/10 全球购物
即将毕业大学生自荐信
2014/01/24 职场文书
职称评定个人总结
2015/03/05 职场文书
个人求职自荐信范文
2015/03/06 职场文书
接待员岗位职责范本
2015/04/15 职场文书
追悼会悼词大全
2015/06/23 职场文书
2015质检员个人年终工作总结
2015/10/23 职场文书
演讲稿:态度决定一切
2019/04/02 职场文书
go语言中GOPATH GOROOT的作用和设置方式
2021/05/05 Golang
MySql开发之自动同步表结构
2021/05/28 MySQL
雄兵连:第三季先行图公开,天使恶魔联合,银河之力的新力量
2021/06/11 国漫