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

如题所述

第1个回答 2022-11-16

var 按钮=document...;\x0d\x0avar div=document....;\x0d\x0a\x0d\x0a//点击按钮弹出div 在点击按钮关闭该div \x0d\x0a按钮.onclick=function()\x0d\x0a{\x0d\x0aif(div.style.display=="none")\x0d\x0a{\x0d\x0adiv.style.display="block";\x0d\x0a}\x0d\x0aelse\x0d\x0a{\x0d\x0adiv.style.display="none";\x0d\x0a}\x0d\x0a}\x0d\x0a\x0d\x0a//点击其他地方关闭div\x0d\x0adocument.onclick=function()\x0d\x0a{\x0d\x0adiv.style.display="none";\x0d\x0a}\x0d\x0a\x0d\x0a//为了防止点击div 也关闭div 所以这里要防止冒泡\x0d\x0adiv.onclick=function()\x0d\x0a{\x0d\x0areturn false;\x0d\x0a}\x0d\x0a\x0d\x0a希望对你有所帮助

相似回答

怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.答：<script src="jquery-1.8.2.js"></script><script>/*展开和收起用一个div,也可以说它是个按钮,假设它的id=d1;假设需要显示和隐藏的div叫d2;下面这段代码只是粗略的实现了你的要求,主要是给你提供个思路;*/$(function(){$('#d1').click(function(){//给d1绑定一个点击事件; /*这...

如何创建一个JavaScript弹出DIV窗口层的效果答：首先，我们将弹出框中的内容放置在一个特殊的DIV层中，然后默认隐藏它（即初始不可见，使用CSS即可实现）。当用户执行某个动作时——比如点击某个链接或者将鼠标光标移动到某个链接上——我们将之前设置好的隐藏层显示在所有页面元素的最上层（将使用JS操作实现）。此外，我们还将在弹出DIV窗口中设置...

<大神>js如何实现点击一个按钮隐藏一个div,然后该div上有一个按钮,点击...答：1、打开html开发软件，新建一个html文件。2、在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。3、然后创建一个隐藏的div，把需要隐藏的内容写到这个div上，然后给这个div设置一个id。4、给div设置隐藏的样式。在<title>标签后面为id为hide设置样式display:none...

怎样在页面通过单击事件,在原来的页面上弹出一个DIV答：js如下:<script language="javascript"> //登陆弹出对话框，并使背景元素不可用 var div_width = 300;var div_height = 200;function showWindow(width,height){ location.href="#";width = div_width;height = div_height var windowstr= document.getElementById("popLayer").innerHTML;document...

HTML做的静态页面,一个弹出框,我想点击这个弹出框的别的地方,让这个页...答：(1)首先你得引用jQury.js(2)假设你得这个弹出框放在一个div中且这个div的id为hidden则可以这样写即可。(3)$(function(){ $("#hidden").click(function(){$(this).hidden();});}); 追问我是想让他有类似select的效果,点击非select的其他部分,select隐藏,这可以实现?我网上有看到是根据鼠标点击的坐标...

js怎么实现点一个按钮弹出一个层?答：'btn');var oDiv = document.getElementById('div1');oBtn.onclick=function(){ oDiv.style.cssText = 'position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10; background:#ccc; display:block;';};</script> 这样就实现了，点击按钮弹出一个层。

怎么在以下代码的div中添加一个关闭按钮,或者说鼠标点击页面的其它地方...答：（一）加入关闭按钮只要再加一个onclick 时间就行了，turnoff（‘ ’）里的参数可以改变。代码如下 <html><meta charset="gbk"><head><script>var hide=function(){ var divs=document.getElementsByTagName("div"); for (var i=0;i<divs.length ;i++ ) { divs[i].style.disp...

点击a链接弹出DIV,点击DIV层以外就关闭DIV层答：设置一个遮罩层100%覆盖屏幕默认 display：none 这只一个div 默认值 display：none 点击a时：添加onclick事件{ 查找div修改其display的值为block 查找遮罩层让其display的值为block } 为遮罩层添加onclick事件：{ 查找div修改其display的值为none 查找遮罩层让其display的值为none } 这就是弹窗的原理 ...

点击按钮弹出div,然后再点击除了该div的其他部分区域,该div消失_百度知...答：第一步点击其他区域，这个div消失。建议你在这个div外层加一层overlay，这个overlay遮住除div之外所有其他东西。这样比较好判断是不是点击的这个div。函数如下，功能是点击overlay之后overlay消失。div是在overlay内的，当然也会消失。('overlay').click(function(){ (this).css('display','none');});第...

大家正在搜

html点击按钮弹出div div css js实现弹出框 jquery弹出div代码 js点击弹出div层 js弹出多个div窗口完成网页加载完成后弹出一个div 点击弹出div浮动层 js弹出div js自动弹出div