Java腳本雙模式無法關閉

Question

我有一個網頁中的2個彈出式模式，如果用戶點擊模式外的任何地方，我想關閉它。問題是隻有第一個作品第一個沒有。

// 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

對於兩種彈出​​模式都使用相同的點擊功能。

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

Answer 2

您正在重寫第一個onclick。

只需一個onclick窗口，檢查模式類型，並根據您設置它顯示無。

Answer 3

你正在重寫第一個onclick與第二個。你可以這樣做;

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