php点击div隐藏div,js实现点击div区域外来隐藏/移除div

今天学了事件流，但是除了事件委托以外感觉没有其它应用，难以记住其中概念。恰好今天调整网站打算弄个类似于“点击登录-->弹出登录窗-->点击登录窗外移除登录窗”的功能。尝试使用jq的blur(失去焦点)，但无效(可能是自己的代码问题)。而今天学了事件流，参照了网上一些教程，感觉说不定能用得上。

js实现代码：$("#haken").on("click",function(){ //点击haken按钮动态生成div

pswArea(); //生成div区域

$(document).one("click",function(){ //给document绑定点击事件

$(".passwordArea").remove(); //移除div

$("body>*").css("filter",""); //将其他元素恢复成显示div之前的样式

});

event.stopPropagation(); //1 阻止事件向上冒泡传播，避免执行前面给document绑定的事件

$("body").on("click",".passwordArea",function(){ //2 阻止事件向上冒泡传播，避免点击div时执行前面给document绑定的事件

event.stopPropagation();

});

});

(想用更通俗的语言表达……emmm受限于能力，以后有机会再来说明吧)