javascript hasFocus使用实例

如果网页处于焦点状态返回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="http://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 新浪网易的评论块制作

效果图如下:技术要点： 1。因为 textarea里面不能放图片，所以和新浪的做法一样，选用iframe放内容，然后隐藏一个 textarea用于提交。 2 。JQqery tab 插件的使用（文盲都会）先引用这三个：复制代码代码如下: >>>详细阅读

本文标题：javascript hasFocus使用实例

地址：http://www.17bianji.com/kaifa2/JS/26142.html

1/2 1