弹出层隐藏的问题

hanshuihu 2012-12-31 05:35:13

有一个输入文本框，点击以后会弹出一个div层（均已实现），现在想在页面上其他地方（该div层和文本框上不能触发）点击的时候关闭弹出的div层，这个用js怎么实现？jquery
$("div层id").blur （绑定click）
没有效果。

怎么实现这个效果

...全文

311 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

hanshuihu 2013-01-04

打赏
举报

$(".class").hover(function(){ $(document).unbind( "mousedown" ); }, function(){ $(document).bind("mousedown", function(){ 对象隐藏取消mousedown事件绑定 }); }); 谢谢大家我是这么实现的

似梦飞花 2013-01-01

打赏
举报

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"> function init(){ var input=document.getElementById("test"); input.onclick=function(e){ var styles={ position:"absolute", height:"20px", top:"0px", width:"100px", left:"0px", backgroundColor:"red" } var div=document.createElement("div"); for(var i in styles){ div.style[i]=styles[i]; } div.setAttribute("id","div"); document.body.appendChild(div); var a=e||window.event; if(e.cancelBubble){ e.cancelBubble=true; }else if(a.stopPropagation){ a.stopPropagation(); } } document.onclick=function(){ var div=document.getElementById("div"); if(div){ document.body.removeChild(div); } } } window.onload=init; </script> </head> <body> <input type="button" value="test" id="test"> </body> </html> 给document加个click事件这样当点击任何元素时都会冒泡到document上，把点击不需要删除div的元素阻止冒泡试试可以不

taoge1992_02 2012-12-31

打赏
举报

这个我也不会.........

y_keven 2012-12-31

打赏
举报

Go 旅城通票 2012-12-31

打赏
举报

 //var o = e.target;
//==>忘记转为jq对象了
 var o = $(e.target);

Go 旅城通票 2012-12-31

打赏
举报

    $(document).click(function (e) {
        var o = e.target; //获取当前点击对象，下面执行判断不是当前文本框并且不是弹出层
        if (o[0] != $('#文本框ID')[0] && o.closest('#弹出层的ID').size() == 0) $('#弹出层的ID').hide();
    });