Question

jquery点击一个div的文字，弹出一个窗口然后点击窗口外能够使窗口消失。怎么做？

比如说我写一个登陆，我要点击这个登陆，然后出现小方框显示输入账号和密码，目前已经实现点击登陆显示输入账号和密码，用的show，但用blur然后用hide无效，请问如何解决？（目前本人已知div不能用blur了。）

Answer 1

这个就是一个遮罩，现在网上也有很多这种插件，如果点击不能隐藏关闭，建议你再检查一下代码，这个就是一个遮罩，现在网上也有很多这种插件，如果点击不能隐藏关闭，建议你再检查一下代码，这个就是一个遮罩，现在网上也有很多这种插件，如果点击不能隐藏关闭，建议你再检查一下代码。

追问

啊？打扰了，就是我无法点击窗口外面来关闭窗口，代码是没有问题的，网上说是div标签不能用blur，但用他们的方法在div里面加tabindex还是会有bug。所以我想问问还有没有其他的方法。

Answer 2

可以通过设置css样式，然后给div添加一个类来控制啊

追问

我css里面把弹出的输入账号密码的用了display：none也设置类了

追答

把代码截图看看，这样很难看出什么原因

追问

目前这个代码只能点击显示不能关闭

追答

首先，你这样写就是不规范的，javascript的代码要写在body结束标签的前面，你怎么写在header里面？你的a标签不是div的父级元素，你这样的话position: absolute;就是根据html来定位了，而不是根据a标签来定位，你要用a标签把div包起来这样定位才有依赖的

追问

我看w3school里面的教程jquery的代码都是写在head里面的，关于那个position定位的代码完全可以无视，反正我也没写什么位置多少像素，您能告诉我在blur那一块这么改嘛？

追答

我写了一个，你看看，导入的jq要改成你的jq的路径才行哦

Answer 3

blur是失去焦点。按你的需求是，点击窗口外消失，那应该是给监听点击事件，target不是登录窗口的，就把它hide。

追问

你好，打扰了，target不是登陆窗口的怎么做。。？

追答

别人写的例子，没有测试，应该可以。popuWindow 换成你登陆窗口的id

$(document).ready(function(){  
//页面初始化时隐藏弹窗  
$('#popupWindow').hide();  

//窗口外点击事件  
$(document).click(function(e){  
    var popup = $("#popupWindow");  
    //判断事件对象不是弹窗对象  并且  弹窗对象不包含事件对象  
    if (!popup.is(e.target) && popup.has(e.target).length == 0) {  
        //则隐藏弹窗  
        popup.hide(500);  
     }    
});  

$("#popBtn").click(function(e){  
    //阻止事件冒泡,防止波及本按钮  
    e.stopPropagation();  
    //显示弹窗  
    $('#popupWindow').show(500);  
});  

$("#popClzBtn").click(function(e){  
    //阻止事件冒泡，防止波及本按钮  
    e.stopPropagation();  
    //隐藏弹窗  
    $('#popupWindow').hide(500);  
});  
});