рабочий код (при клике на кнопку - всплывает окно, при клике в области вне основного окна - оно исчезает):
var ButtonForRegLog = document.getElementById('login');
var MainModal = document.getElementById('F_ModalBackground');
var BodyOverflow = document.getElementsByTagName('body')[0];
ButtonForRegLog.onclick = function(){
MainModal.style.display = "flex";
BodyOverflow.style.overflow = "hidden";
}
window.onclick = function(event){
if(event.target == MainModal){
MainModal.style.removeProperty('display');
}
}
Написал тоже самое на jquery, теперь при нажатии на кнопку оно появляется, не не исчезает обратно при клике вне области.
$(document).ready(function(){
$("#login").click(function(){$("#F_ModalBackground").css("display","flex")});
$(window).click(function(event){if(event.target == $("#F_ModalBackground")){$("#F_ModalBackground").css("display","")}});
});