一个弹出div,当点击页面上除了这个div这外的地方,隐藏这个div,jquery怎么写??

一个弹出div,当点击页面上除了这个div这外的地方,隐藏这个div,jquery怎么写??
如图所示。当点其他地方(始发城市以外)要隐藏那个选择城市的弹出div。
怎么用jquery实现 。说清楚思想。最好有讲解代码。多谢谢

第1个回答  推荐于2018-04-06
用document的onmousedown 响应鼠标在页面上的点击事件
IE中用event.srcElement;
FF中用e.target;
能获得鼠标点击的对象
然后你判断该对象是否为选择城市的这个div
不是的话就隐藏该 div

我想怎么用jquery你应该知道 吧
$(document).mousedown(
function(event){
alert(event.target.id); //这样会弹出你单击的元素的id,你可以在这里写你的程序了
}
);
);本回答被提问者和网友采纳

一个弹出div,当点击页面上除了这个div这外的地方,隐藏这个div,jquery...
用document的onmousedown 响应鼠标在页面上的点击事件 IE中用event.srcElement;FF中用e.target;能获得鼠标点击的对象 然后你判断该对象是否为选择城市的这个div 不是的话就隐藏该 div 我想怎么用jquery你应该知道 吧 (document).mousedown(function(event){ alert(event.target.id); \/\/这样会弹出你单...

点击按钮弹出一个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 所以...

如何用jQuery实现点击按钮弹出一个盒子,除了这个盒子以外的其他部分颜色...
第一种方式:你使用的现有库中有没有开启和关闭遮罩的api,如果有的话,直接照着api使用即可;第二种方式:自己写个遮罩。需要两层div标签,遮罩层div标签在下层,内容层div标签在上层,类似如下;html代码:<div class="x-mask"><\/div> <div class="x-mask-content"><\/div> css样式:.x-mask...

我想要点击一个DIV之外的任何地方,都能隐藏这个DIV要怎么弄?
<span id="btn">打开层<\/span> <div>aaaaaaaaaaaa<\/div> <div>aaaaaaaaaaaa<\/div> 3、然后输入:<div id="pop"> 浮层,点击这个浮层以外的区域,都可以隐藏这个浮层 <p><a href="javascript:;">最主要的是点这个div里面的链接,div照样不隐藏<\/a><\/p> <\/div> <\/body> <\/html> ...

JS(JQuery)点击一个对象显示出一个div,再次点击当前对象或者点击对象之 ...
("a").click(function(){ ("div").show()("body").one("click",function(){ ("div").hide()})})

求用jquery点击空白处隐藏div的方法,寻找最简单的方法
把这个div放在一个div中,比如你这个显示出的div叫 id=‘div1’ 然后放在id ='mainDiv'中 mainDiv要充满整个屏幕,设置div1 在maindiv之上,这样点击空白处也就是点击mainDiv隐藏div1

怎么用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显示隐藏实现(jquery控制div显示隐藏)
01 首先我们创建一个div,和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式,主要是设置display=none,即隐藏。03 接着用js来实现显示,隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式,有则删除这个样式,即显示div。如果没有,则添加一个hide的样式,...

...显示另一个div 隐藏之前呢个div(display属性,怎么用js控制)_百度知 ...
show1.style.display = 'none';show2.style.display='block';} } <\/script> <input type="button" value="点击" id="btn" onclick="show(t1);"\/> <div id="t1" style="display:block"><h3>隐藏这个<\/h3><\/div> <div id="t2" style="display:none"> <h3>显示这个<span>烦烦...

...当点击页面中的其他区域是,刚刚显示的<div>隐藏,该如何
none")?"block":(divId1.style.display=="block"?"none":"block");divId2.style.display=(divId2.style.display=="none")?"block":(divId2.style.display=="block"?"none":"block");} 这样就能实现两个<div>的显示隐藏了。如果是多个<div>联动,你再想想还有没有更巧妙的构造方式。

相似回答