Java Script dual modal kann nicht geschlossen werden

Question

Ich habe 2 Popupmodale in einer Webseite, die ich schließen möchte, wenn der Benutzer irgendwo außerhalb des Modals klickt. Das Problem ist nur das 2. funktioniert nicht.

// When the user clicks anywhere outside of the modal1, close it 
window.onclick = function(event){ 
if (event.target == modal1) { 
    modal1.style.display = "none"; 
}} 

//When the user clicks anywhere outside of the modal2, close it 
window.onclick = function(event) { 
if (event.target == modal2) { 
    modal2.style.display = "none"; 
}} 

Answer 1

Verwenden Sie die gleiche Einschaltfunktion für beide Popup-Modelle.

Answer 2

Sie überschreiben den ersten Onclick mit dem zweiten.

Und nur ein Klick auf das Fenster, das den Modaltyp und die Basis prüft, auf die Sie es eingestellt haben, zeigt keine an.

Answer 3

Sie überschreiben das erste onclick mit dem zweiten. Sie können so tun;

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