js 点击一个按钮出现一个div然后在点击div以外的任何地方在让div隐藏怎么写
<html>
<head>
<meta charset="UTF-8"/>
<style type="text/css">
.d{
width: 100px;
height: 100px;
background: black;
display: none;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="d"></div>
<input type="button" value="按钮" id="anniu"/>
</body>
</html>
我给body加了一个点击事件，但是点击的时候就直接隐藏了
追答div隐藏不是你想要的吗?
追问想要点击按钮出现div，在点击div以外的地方让他隐藏，
追答现在是什么情况呢?
追问点击按钮的时候就直接隐藏了，没有出现div的效果了
追答让按钮的事件不要冒泡
追问能帮忙写个具体的例子吗，我js不是很会
追答建议你自己查一下,这样对你学习是有好处的.你可以查事件监听\冒泡\捕获,
代码不给你写了,之前的笔记给你看一下吧
点击按钮弹出一个div,再点击按钮或点击其他区域关闭该div,javascript代 ...
\/\/点击按钮弹出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 所以...
JS(JQuery)点击一个对象显示出一个div,再次点击当前对象或者点击对象之 ...
("a").click(function(){ ("div").show()("body").one("click",function(){ ("div").hide()})})
怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.
<script src="jquery-1.8.2.js"><\/script><script>\/*展开和收起用一个div,也可以说它是个按钮,假设它的id=d1;假设需要显示和隐藏的div叫d2;下面这段代码只是粗略的实现了你的要求,主要是给你提供个思路;*\/$(function(){$('#d1').click(function(){\/\/给d1绑定一个点击事件; \/*这...
<大神>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内容在点击按钮显示另一个div内容用JS怎么写
showBox.innerHTML=div2.innerHTML;btn.value="显示div1的内容"flag=true;} } \/\/方法二:用按钮控制div1,div2的显示隐藏 var flag=true;btn.onclick=function(){ if(flag){ div1.style.display="block";div2.style.display="none";btn.value="显示div2的内容"flag=false;} else{ div2....
js 怎么用一个按钮控制DIV来回显示和隐藏
1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl+S保存一下：2、创建一个button按钮，给按钮设置一个id，名字设置为“myBT”，创建一个用来显示隐藏的div，将其id设置为“main”：3、给div和button设置一些样式，为了美观好看，这里无需设置display，因为默认就是显示的：4...
js控制div显示隐藏实现(jquery控制div显示隐藏)
01 首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。03 接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，...
当点击一个<a>标签时,页面中的某个<div>层显示,当点击页面中的其他区...
最简单的笨办法：做一个js函数 function divshow(id1,id2){ var divId1=document.getElementById(id1);var divId2=document.getElementById(id2);divId1.style.display=(divId1.style.display=="none")?"block":(divId1.style.display=="block"?"none":"block");divId2.style.display=(...
用Js做了个功能,点击文字下边显示一个div,继续在点文字有收回去了...
①方法一：xxx.onclick = function() {...this.onclick = null;} 执行了事件后再令这个点击事件为null；或是：xxx.onclick = fun(); function fun() {...xxx.onclick = null;} ② 方法二：用xxx.addEventListener("click", fun); function fun() {...xxx.removeEventListener("click"...
js设置div显示隐藏?
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。首先写出架构，两个buttod（按钮）。下面是一个div存放文本和在后面的被js控制。先用css选择器为div控制属性。然后写出script标签，可以写在外部，然后在引用。js...
