230问答网 > 点击按钮弹出一个div，再点击按钮或点击其他区域关闭该div，javascript代码如何实现？

点击按钮弹出一个div，再点击按钮或点击其他区域关闭该div，javascript代码如何实现？

2024-11-23 06:28:22

推荐回答（1个）

回答1：

var 按钮=document...;
var div=document....;

//点击按钮弹出div 在点击按钮关闭该div
按钮.onclick=function()
{
if(div.style.display=="none")
{
div.style.display="block";
}
else
{
div.style.display="none";
}
}

//点击其他地方关闭div
document.onclick=function()
{
div.style.display="none";
}

//为了防止点击div 也关闭div 所以这里要防止冒泡
div.onclick=function()
{
return false;
}

希望对你有所帮助