Как сделать закрытие элемента при клику за его пределами?

Question

[m4f1]

function OCForm(id){
    display = document.getElementById(id).style.display;
    if(display=='none'){
       document.getElementById(id).style.display='block';
    }else{
       document.getElementById(id).style.display='none';
    }
}

<button class="open-button" onclick="OCForm('myForm'); return false">Свяжитесь с нами</button>

	<div class="form-popup" id="myForm" style="display: none;">
  		<?php echo do_shortcode( '[contact-form-7 id="4964" title="Контактная форма"]' ); ?>
	</div>

Форма подгружается с wordpress, как сделать так, чтобы форма закрывалась при клике вне дива form-popup

Answer 1

[Ankhena]

Закрытие окна с формой по клику мимо окна?
Либо сделать подложку и кликать по ней.

Comments

[m4f1]

Сделал так, отдельный див и в него функцию онклик

<div class="za" id="myForm1" style="display:none;top:0;bottom:0;left:0px;width:100%;height:100%;background-color:rgba(0,125,215,0.7);position:fixed;z-index:100;" onclick="OCForm('myForm');OCForm('myForm1'); return false">> </div>

[Ankhena]

m4f1, жестоко

[Ankhena]

m4f1, https://jsfiddle.net/Ankhena/f295oqc1/

[m4f1]

Ankhena, Временное решение, позже переделаю все в 1 функцию, в данный момент стоит и на диве и на кнопке двойная функция, причем на диве она же и вызывается, костыль.