javascript hasFocus使用实例
(编辑：jimmy 日期: 2025/5/15 浏览：3 次 )
如果网页处于焦点状态返回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://www.jb51.net" 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>
什么是焦点？焦点是指用户是否活动在该页面．确切的说鼠标是否在该网页内活动．或者说该网页中的内容是否有被选中的，或者光标存在于该页的某个元素内．如果具备其中一个条件那么该页就处于焦点状态．注意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://www.jb51.net" 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>
下一篇：jquery photoFrame 图片边框美化显示插件