子div上触发mousedown,移动到父div上时怎么可以避免触发父级的mouseup事件
简单写一下代码知道意思<divid="father"style="width:200px;height:200px"><divid="son"style="width:1...
简单写一下代码 知道意思
<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事件,该事件又会让他们消失。。。现在我不知道该怎么处理这种情况了,求各位大佬帮忙~~~ 展开
<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事件,该事件又会让他们消失。。。现在我不知道该怎么处理这种情况了,求各位大佬帮忙~~~ 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询