Скрыть блок при клике вне

156
05 января 2019, 09:40

Необходимо скрыть блок,при клике вне него, если кликаю на крестик, то все нормально закрывается, если кликаю вне него, то задний фон остается затемнен и никуда кликнуть нельзя, вот код крестика:

 document.getElementById('cancel').onclick=function(){
        var container = document.getElementById('prompt-form-container');
        hideCover();
        container.style.display = 'none';         
    }

Вот код, чтоб скрывать при клики вне блока

var modal = document.getElementById('myModal');
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";

}
hidecover();
    }

Функция

function hideCover() {
      document.body.removeChild(document.getElementById('cover-div'));
    }

Код блока:

 <div class="wallets-deposit" id="myModal">
                    <div class="wallets-deposit__inner" >
                        <div class="wallets__p-title">
                            <h5>Withdrawal</h5>
                            <div>Available: <span id="span_in_title_withdrawal"></span></div>
                                <div class="fragment" id="cancel"> <span class="closebtn" style="position: relative; bottom:auto; right: 10px" >&times;</span></div>
                        </div>
Answer 1
window.onclick = function(event) {
  if (event.target == document.getElementById('cover-div'))
    document.getElementById('cancel').onclick();
}
READ ALSO
Illegal invocation при вызове SetTimeout [дубликат]

Illegal invocation при вызове SetTimeout [дубликат]

На данный вопрос уже ответили:

212
JSON: Массив [] или массив {}? [дубликат]

JSON: Массив [] или массив {}? [дубликат]

На данный вопрос уже ответили:

175
Как правильно оформить код в JavaScript?

Как правильно оформить код в JavaScript?

Есть 2 кнопки, каждая отвечает за срабатывание своей части контента, подскажите как это компактно оформить, чтобы не копировать одно и тоже...

181