Не работает код в jquery, вероятно что то сделал не так...
 

рабочий код (при клике на кнопку - всплывает окно, при клике в области вне основного окна - оно исчезает):

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","")}});
	
});

Fomax,
А как насчет .css("display","none") ?

ничего не меняется, проблема точно не здесь, не срабатывает событие почему то

Fomax,
if(event.target != $("#F_ModalBackground")
а то вы событие в окне опять примеряете на тот же блок