Question

子div上触发mousedown,移动到父div上时怎么可以避免触发父级的mouseup事件

简单写一下代码 知道意思
<div id="father" style="width:200px;height:200px">
<div id="son" style="width:100px;height:100px"></div>
</div>

我现在要实现的功能是这样的，点击父div时（不包括子div的区域！！） ，父子div都消失。所以我的思路是这样的

当然 我引了 jq

<script>
$("#father").click(function(){
$(this).hide();
})

$("#son").click(function(event) {
event.stopPropagation();
});
</script>

此时我遇到一个问题，就是：当我在子div上按下鼠标的时候，这时候触发了子div的 mousedown事件，此时，不要松开鼠标！ 把鼠标移动到父div中其他区域，然后再松开鼠标，这时候，触发了父div的 mouseup事件，然后两个div就都消失了。。。。我最终的目的，是要在上述情况下，不触发父div的mouseup事件，因为我是从子div中把鼠标拖出来的，所以我的愿望是此时不让他们消失。。但是在代码中我又给父div了一个click事件，该事件又会让他们消失。。。现在我不知道该怎么处理这种情况了，求各位大佬帮忙~~~

Answer 1

分开 干嘛还要做子DIV 定位之类的让他们重叠就好啦 不然你子DIV肯定属于父DIV事件的触发元素啊

追问

可以加标点么。。。这句话读不太懂。。