Question

JS 中e.target问题，问题如下

我想 点击一个绝对定位的弹出框 以外的地方的时候这个弹出框才隐藏，点击弹出框内不隐藏，JS如下：

$(document).mousedown(function(event){
$("#text").html(event.target.id);

});
html如下：
<div class="brandwrap" id="outwrap">
<div class="titbg">
<div class="titpic"><img src="。。。。。" border="0" /></div>
</div>
<div>........</div>

</div>

那么请问，为什么一点击 我获取的 只能是内部的子元素,父元素的id获取不到

Answer 1

冒泡了。最后点到的是内部元素。

$(document).mousedown(function(event){
var bol = $(event.target).parents().is("这里放弹出框id");
if(!bol){
//这里是弹出框以外的地方
}
});