js的事件冒泡和点击其他区域隐藏弹出层
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js的事件冒泡和点击其他区域隐藏弹出层相关的知识，希望对你有一定的参考价值。
转自 https://www.cnblogs.com/nangezi/p/9157112.html
//点击其他区域，隐藏弹出层
$(document).bind("click", function(){
$(".header .search").css({\'opacity\':\'0\',\'visibility\':\'hidden\'});
$(\'.search-contain #show_header_search\').removeClass(\'on\');
})
//给弹出层绑定点击事件，阻止冒泡
$(".header .search").bind("click", function(){
event.stopPropagation();//==========阻止冒泡2
})
以上是关于js的事件冒泡和点击其他区域隐藏弹出层的主要内容，如果未能解决你的问题，请参考以下文章
深入React事件系统(React点击空白部分隐藏弹出层；React阻止事件冒泡失效)