如何让DIV失去焦点后隐藏自身
日期：2014-05-16 浏览次数：20332 次
怎么让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有焦点之说
------解决方案--------------------
求一段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事件的一个常见错误）。
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
