如何通过点击视口内的任何地方关闭引导/灯箱模式？

Question

当灯箱的形象出现，我只能通过点击它外面关闭模式。我想通过单击视口内的任何地方关闭模式，以及与Esc键或空格键。

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');
    }
});

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