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

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