<div>
<!--弹框1 div-->
<div class='crimes-penalty-title'>
<div class='crimes-penalty-title2'></div>
</div>
<!--其他区域-->
<div class='crimes-penalty-content'>
</div>
</div>
1.首先设置全局的监听事件,通过点击事件查找相应DOM,进行判断是否关闭弹框
$(function(){
$(document).bind("click", function(e){
if ($(e.target).closest(".crimes-penalty-content").length == 0) {
//关闭弹框操作
}
});
})
2. e.target 用于直接接受事件的目标DOM元素
3. closest()用于查找接近的列表元素或其子后代元素,以保证点击弹框DIV内部的元素时也不会关闭弹框