Как можно определить, что человек нажал за пределы модального окна?
2 ответа
Советую убрать onclick из html. Смотрим сюда.
var modal = $("#modal"),
login = $("#login");
function modal_open(e){
e.preventDefault();
modal.show().animate({opacity: 1}, 500 );
login.show(500);
}
function modal_close(e){
e.preventDefault();
login.hide(500);
modal.animate({opacity: 0}, 500 );
setTimeout(function() { modal.hide(100) }, 500);
}
$('.animated').on('click', modal_open);
$('.glyphicon-remove').add('#modal').on('click', modal_close);
$('#login').on('click', function(e){
e.stopPropagation();
});
За пределами окна у вас есть серая область которая называется #modal
на нее и вешайте свои события.