点击时调用函数，除非在某些元素上发生点击

Question

当用户点击模式时，我希望模态隐藏。我使用此代码实现这一点：

$(".modal").click(function(event){ 
    $('#myModal').modal('hide'); 
});  

然而，.modal包含img和p，并且当这些元素在用户点击我不想模态隐藏。什么是实现这一目标的最佳方式？

谢谢。

Answer 1

使用$(event.target).is('.modal')来检查点击元素是否为模态。

$(".modal").on('click', function (event) { 
    if ($(event.target).is('.modal')) { 
     $('#myModal').modal('hide'); 
    } 
}); 

Example Here