首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

如何让DIV失去焦点后隐藏自身

2012-05-16 
怎么让DIV失去焦点后隐藏自身求一段JS脚本:当DIV失去焦点后隐藏自身。而当DIV内部元素被点击的时候先触发点

怎么让DIV失去焦点后隐藏自身
求一段JS脚本:当DIV失去焦点后隐藏自身。而当DIV内部元素被点击的时候先触发点击事件再触发失去焦点事件

div不支持onblur事件,怎么做才能实现div失去焦点后隐藏

网上说用tabindex可以,可是我用jquery写的实现不了

<div class="caozuo-type" id="resume_manage" style="display:none;" tabindex="0" onblur="$('#resume_manage').hide();">
<ul>
<!--{loop $_STATICDATA['Rsinfo'] $key $value}-->
<li><a href="$_SC['myurl']/resume_manage.php?module={$key}" >$value[0]</a></li>
<!--{/loop}-->
<li><a href="javascript:;" onclick="$('#resume_manage').hide();">收起</a></li>
</ul>
</div>


[解决办法]
onmouseout事件不行吗
[解决办法]
额 没听说div有焦点之说
[解决办法]

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script src="file:///D|/NetChina/mapInfo/jquery_1.4.2.js"></script></head><body><div id="frist">    <ul>        <li><a href="#" name="f1">one</a></li>        <li><a href="#" name="f2">two</a></li>    </ul></div><div id="second">    <ul>        <li><a href="#" name="f3">Three</a></li>        <li><a href="#" name="f4">four</a></li>    </ul></div><script>$(document).ready(function(){    //当焦点离开已选的a时触发    $("a[name^='f']").blur(function (){        $(this).parent().parent().css("display","none");    }); });</script></body></html>
[解决办法]
额 div能获得焦点?
[解决办法]
你是使用jquery,介绍jquery内的一个方法给你. hover(over,out);

看看说明:
一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。
当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。


[解决办法]
探讨

引用:

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<h……

热点排行