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 HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
Jun 02 Javascript
js点击页面其它地方将某个显示的DIV隐藏
Jul 12 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
Jun 14 Javascript
js点击文本框弹出可选择的checkbox复选框
Feb 03 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
May 31 Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 Javascript
AngularJS指令详解及示例代码
Aug 16 Javascript
vue.js利用Object.defineProperty实现双向绑定
Mar 09 Javascript
JS实现匀加速与匀减速运动的方法示例
Sep 04 Javascript
vue 根据数组中某一项的值进行排序的方法
Aug 30 Javascript
Vue框架下引入ActiveX控件的问题解决
Mar 25 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 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变量赋值、代入给JavaScript中的变量
2015/06/29 PHP
PHP上传图片时判断上传文件是否为可用图片的方法
2016/10/20 PHP
one.php 多项目、函数库、类库 统一为一个版本的方法
2020/08/24 PHP
jQuery中html()方法用法实例
2014/12/25 Javascript
js读取csv文件并使用json显示出来
2015/01/09 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
2015/09/28 Javascript
JS使用eval解析JSON的注意事项分析
2015/11/14 Javascript
JavaScript数据类型学习笔记
2016/01/25 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
2016/03/30 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
2019/10/12 Javascript
详解JavaScript类型判断的四种方法
2020/10/21 Javascript
[02:26]DOTA2英雄米拉娜基础教程
2013/11/25 DOTA
[39:08]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第一场 12.12
2020/12/16 DOTA
Python实现的ini文件操作类分享
2014/11/20 Python
python删除过期log文件操作实例解析
2018/01/31 Python
Django开发中复选框用法示例
2018/03/20 Python
Python读取系统文件夹内所有文件并统计数量的方法
2018/10/23 Python
Linux下安装python3.6和第三方库的教程详解
2018/11/09 Python
python实现画五角星和螺旋线的示例
2019/01/20 Python
python pandas生成时间列表
2019/06/29 Python
Python判断字符串是否xx开始或结尾的示例
2019/08/08 Python
Python绘制热力图示例
2019/09/27 Python
Python Process多进程实现过程
2019/10/22 Python
python框架flask表单实现详解
2019/11/04 Python
python 输入字符串生成所有有效的IP地址(LeetCode 93号题)
2020/10/15 Python
HTML5的新特性(1)
2016/03/03 HTML / CSS
HTML5 文件域+FileReader 分段读取文件并上传到服务器
2017/10/23 HTML / CSS
web字体加载方案优化小结
2019/11/29 HTML / CSS
法国珠宝店:CLEOR
2017/01/29 全球购物
个人承诺书
2014/03/26 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
自书遗嘱范文
2015/08/07 职场文书
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript