Как закрыть модал Bootstrap / Lightbox, щелкнув где-нибудь в области просмотра?

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

Вероятно, вы должны добавить этот прослушиватель событий только при открытии модального режима и удалить его, когда модальный режим закрыт, чтобы получить лучшую производительность.