js 控制 div显示隐藏问题
一个adiv作按钮(开关)，点击a控制另一个bdiv的显示隐藏，同时如果鼠标点在两个div外部的话，bdiv隐藏，这样的应该怎么写啊，想不出来呢。...
一个a div作按钮(开关)，点击a控制另一个b div的显示隐藏，同时如果鼠标点在两个div外部的话，b div隐藏，这样的应该怎么写啊，想不出来呢。
展开
1个回答
展开全部
亲，这个要阻止一下事件冒泡才能实现，不然点击div他都是隐藏的,代码来了
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Document</title>
<style>
div
{
width:200px;
height:200px;
background: green;
margin: 30px;
}
#b
{
display: none;
}
</style>
<script>
window.onload=function()
{
var oA=document.getElementById('a');
var oB=document.getElementById('b');
oA.onclick=oB.onclick=function(ev)
{
oB.style.display='block';
//阻止事件冒泡
var oEvent=ev||event;
oEvent.cancelBubble=true;
}
document.onclick=function(ev)
{
oB.style.display='none';
}
}
</script>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
