点击空白处隐藏div-阻止事件冒泡

Posted zhengzhengguoshi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击空白处隐藏div-阻止事件冒泡相关的知识,希望对你有一定的参考价值。

$(" body").click(function(){

  $("#div").hide();

});

$("button").click(function(e){

  $("div").show();
  e.stopPropagation();//阻止冒泡到body

});

$("#div").click(function(e){//自己要阻止

  e.stopPropagation();//阻止冒泡到body

});

 

以上是关于点击空白处隐藏div-阻止事件冒泡的主要内容,如果未能解决你的问题,请参考以下文章

深入React事件系统(React点击空白部分隐藏弹出层;React阻止事件冒泡失效)

jQuery实现鼠标点击Div区域外隐藏Div

react 点击空白处隐藏弹出层

JS中点击事件冒泡阻止

vue阻止冒泡事件 阻止点击事件的执行 结合div和组件阻止点击事件

点击页面其它地方隐藏该div的两种思路