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 Tab选项卡效果代码改进版
Apr 01 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
Jun 09 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 Javascript
window.onerror()的用法与实例分析
Jan 27 Javascript
Bootstrap入门书籍之(三)栅格系统
Feb 17 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
Jun 08 Javascript
Three.js学习之几何形状
Aug 01 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
JS中定位 position 的使用实例代码
Aug 06 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
Mar 28 Javascript
elementUI Tree 树形控件的官方使用文档
Apr 25 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 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
咖啡磨器 如何选购一台适合家用的意式磨豆机
2021/03/05 新手入门
php采集文章中的图片获取替换到本地(实现代码)
2013/07/08 PHP
ThinkPHP Mobile使用方法简明教程
2014/06/18 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
OfflineSave离线保存代码再次发布使用说明
2007/05/23 Javascript
jQuery生成asp.net服务器控件的代码
2010/02/04 Javascript
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
jquery统计复选框选中示例
2013/11/05 Javascript
在Javascript中处理字符串之big()方法的使用
2015/06/08 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
2015/11/26 Javascript
js检测iframe是否加载完成的方法
2015/11/26 Javascript
JS实现去除数组中重复json的方法示例
2017/12/21 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
2018/02/22 Javascript
使用JavaScript生成罗马字符的实例代码
2018/06/08 Javascript
vue模式history下在iis中配置流程
2019/04/17 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
2020/07/30 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
2020/10/02 Javascript
python中的reduce内建函数使用方法指南
2014/08/31 Python
在pycharm上mongodb配置及可视化设置方法
2018/11/30 Python
python 判断三个数字中的最大值实例代码
2019/07/24 Python
pytorch 实现张量tensor,图片,CPU,GPU,数组等的转换
2020/01/13 Python
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
英国最大的宠物商店:Pets at Home
2019/04/17 全球购物
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
成人教育自我鉴定
2013/11/01 职场文书
党委书记岗位职责
2013/11/24 职场文书
给同事的道歉信
2014/01/11 职场文书
工作自我评价怎么写
2014/01/29 职场文书
元旦晚会感言
2014/03/12 职场文书
人力资源本科毕业生求职信
2014/06/04 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
计划生育证明格式及范本
2014/10/09 职场文书
哪类餐饮行业,最适合在高校创业?
2019/08/19 职场文书
python利用while求100内的整数和方式
2021/11/07 Python
深入理解mysql事务隔离级别和存储引擎
2022/04/12 MySQL