Многократный вызов JS-функции onclick в модальном окне

avatar
Trrrrrrrrrr
8 апреля 2018 в 10:38
42
1
0

Я пытаюсь понять, как использовать ту же функцию
(закрытие модального окна при выходе из модального окна):

window.onclick = function(event) {
if (event.target == modalEth) {
    modalEth.style.display = "none";
}

и

window.onclick = function(event) {
if (event.target == modalBtc) {
    modalBtc.style.display = "none";
}

внутри разных модальных окон.

Сейчас только функция onclick "modalBtc" работает должным образом.

Я понятия не имею, как воплотить в жизнь первую функцию "modalEth".

Было бы здорово, если бы кто-нибудь помог мне с решением.


HTML (1. ModalEth, 2. ModalBtc)

<div id="myModalEth" class="modalEth">
<div class="modal-contentEth">
<p>some content</p>
</div>
</div>

<div id="myModalBtc" class="modalBtc">
<div class="modal-contentBtc">
<p>some content</p>
</div>
</div>
Источник
Coli
8 апреля 2018 в 10:40
1

Используйте addEventListener developer.mozilla.org/en-US/docs/Web/API/EventTarget/…

Trrrrrrrrrr
8 апреля 2018 в 10:45
0

как это будет работать в моем конкретном случае? большое спасибо!

Coli
8 апреля 2018 в 10:46
0

Пожалуйста, добавьте немного HTML к вашему вопросу.

Patrick Evans
8 апреля 2018 в 10:51
1

связанные: coderhelper.com/questions/6348494/addeventlistener-vs-onclick

Trrrrrrrrrr
8 апреля 2018 в 10:52
0

@Coli добавил! Спасибо вам за помощь!

Ответы (1)

avatar
Coli
8 апреля 2018 в 10:57
0
document.getElementById('myModalEth').addEventListener('click', function(event) {
    this.style.display = "none";
}
document.getElementById('myModalBtc').addEventListener('click', function(event) {
    this.style.display = "none";
}

Это скрывает модальное окно, когда пользователь щелкает внутри модального окна.