如何通过单击视口中的任意位置来关闭 Bootstrap/Lightbox 模态框？

Question

当灯箱图片出现时，我只能通过点击它的外部来关闭模式。我想通过单击视口内的任意位置以及使用 Esc 或 Space 栏来关闭模式。

Answer 1

希望我能正确理解您的问题。 我的阅读方式是，您还想在单击内部时关闭模态/灯箱。这将像这样完成：

$('#yourModalID').on('click', function(){
    $(this).modal('close');
});

您还想通过按空格键关闭模式。你可以这样做：

$('body').on('keyup', function(event){
    if (event.keyCode == 32){ //check if the key pressed was the space bar
         $('#yourModalID').modal('hide');
    }
});

您可能应该只在打开模式时添加此事件侦听器，并在模式关闭时将其删除以获得更好的性能。