当前位置：Gxlcms > JavaScript > javascript hasFocus使用实例

javascript hasFocus使用实例

时间：2021-07-01 10:21:17 帮助过：5人阅读

如果网页处于焦点状态返回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="//www.gxlcms.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 hasFocus使用实例

人气教程排行